www.webdeveloper.com
Results 1 to 2 of 2

Thread: JavaScript Rollover issue

  1. #1
    Join Date
    Mar 2011
    Posts
    2

    Exclamation JavaScript Rollover issue

    I have an image rollover using Javascript and it was working perfectly until I realized that my images were not over lapping in the correct order. I went back and changed the order of the images and now I have an empty image box appearing at the top of the page. I can't seem to figure out what I did wrong. Is this a common issue. Here is my code-

    <script language="JavaScript">
    var ImageArr1 = new Array("cf1.png","cf2.png","cf3.png","cf4.png","cf5.png");
    var ImageHolder1 = document.getElementById('Rotating1');

    function RotateImages(whichHolder,Start)
    {
    var a = eval("ImageArr"+whichHolder);
    var b = eval("ImageHolder"+whichHolder);
    if(Start>=a.length)
    Start=0;
    b.src = a[Start];
    window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",8000);
    }

    RotateImages(1,0);
    RotateImages(2,0);

    </script>
    </head>

    <body>
    <div id="container"><div id="header"><img src="logo.png" style="float:left" />
    </div><div id="mainav"><h2><a href="home.php">Home</a><a href="event.php">Events</a><a href="agenda">Agenda</a><a href="shirt">T-Shirt</a></h2></div>
    <div class="framing"><img src="" name="Rotating" id="Rotating1" /></div>
    <div class="frame"><img src="fame2.png" /></div>
    <div id="content">

    You can view the empty page at this link-
    http://povn.com/webangel119/clarkforks/home.php

    Thank you for any feedback on this issue!

  2. #2
    Join Date
    Mar 2011
    Posts
    2
    Issue Resolved!

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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