JavaScript Forum

**mking** · 10-29-2007, 06:33 PM

Hello all,

I'm using an init function to randomly rotate an image every time the page is loaded. This works in IE but not in firefox. Any ideas? The code is below. Thanks in advance for your help.

function init() {
if(document.images['navimage'] ) {
var randomize = Math.round(Math.random()*29);
navimage.src = "../images/nav/img_" + randomize + ".jpg";
}

**ArsonistX** · 11-02-2007, 11:59 AM

Well, I'm not sure about your code, but I know a javascript banner rotating script that works just fine.

If you want to use it, here it is:

banner.js:

Code:

<!--
dir = 'IMAGE DIRECTORY';
bannerImages = new Array;

//Array of banner images
bannerImages[0] = 'banner.gif';
bannerImages[1] = 'banner2.gif';
bannerImages[2] = 'banner3.gif';
bannerImages[3] = 'banner4.gif';

onload=function() {

  var rndNum =Math.floor(Math.random() * bannerImages.length);
 

  document.images['placeholder'].src = dir + bannerImages[rndNum];
}
-->

Don't forget to change the image directory to whatever it is, and put the banner.js in the same directory.

somepage.html:

Code:

<html>
 <head>
  <title>site title</title>
  <script type="text/javascript" src="IMAGE DIRECTORY/banner.js"></script>
 </head>
 <body>
  <div id="banner">
   <img src="IMAGE DIRECTORY/banner.gif" alt="" width="596" height="120" name="placeholder" />
  </div>
 </body>
</html>