Results 1 to 2 of 2

Thread: Can not get fish to swim

  1. #1
    Join Date
    Apr 2011

    Can not get fish to swim

    I can not get 2 of the fishes to move. I am trying to find a website or someone to help me understand why my 2 fish is not swimming here is my code.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    <html xmlns="http://www.w3.org/1999/xhtml">
    <title>Fish tank</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript">
    // <![CDATA[

    var fish1Position = 0;
    horizontal = new Array(50);
    var fillPosition = 10;
    for(var i = 0; i < 50; ++i) {
    horizontal[i] = fillPosition;
    fillPosition += 10;
    function fish1Swim() {
    document.getElementById("fish1").style.left = horizontal[fish1Position] + "px";
    if (fish1Position == 49)
    fish1Position = 0;
    function startSwimming() {
    setInterval(fish1Swim, 100);

    // ]]>

    <body onload="startSwimming();">
    <p><span id="fish1" style=
    "position:absolute; left:10px; top:10px"><img src="fish1.gif" alt="Image of a fish" /></span></p>
    <p><span id="fish2" style=
    "position:absolute; left:10px; top:120px"><img src="fish3.gif" alt="Image of a fish" /></span></p>
    <p><span id="fish3" style=
    "position:absolute; left:10px; top:250px"><img src="fish2.gif" alt="Image of a fish" /></span></p>


  2. #2
    Join Date
    Dec 2010
    How do you expect to animate thee elements if you address only one of them?
    Did you even write this code?

    Q: I found this code...
    A: Then find its author.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center

Recent Articles