Link to home
Start Free TrialLog in
Avatar of OZSJ
OZSJ

asked on

Rotate image javascript

Hi,

I have created a simple page in Dreamweaver that displays six images across the page. I want each of these six images to rotate with four different images. I have found this javascript but simply do not know how to get it working.

Should I have an image called Picture(1).jpg or is this (1) part of the array?
Where should these images be placed?
Also, should img src ="" remain, or do I need to replace this with the name of an existing image?

Any help would be appreciated.

<html>
  <head>
  <title>Image Rotate
  </head>
 
  <body>
  <img src="" name="Rotating" id="Rotating1" width=100 height=100>
  <img src="" name="Rotating" id="Rotating2" width=100 height=100>
 
 
  <script language="JavaScript">
  var ImageArr1 = new Array("Picture(3).jpg","Picture(1).jpg","Picture(2).jpg");
  var ImageHolder1 = document.getElementById('Rotating1');
 
  var ImageArr2 = new Array("Picture(5).jpg","Picture(6).jpg","Picture(7).jpg");
  var ImageHolder2 = document.getElementById('Rotating2');
 
  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)+")",1500);
  }
 
  RotateImages(1,0);
  RotateImages(2,0);
 
  </script>
 
  </body>
  </html>
ASKER CERTIFIED SOLUTION
Avatar of eNarc
eNarc
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial