Alternative?

[Aranince]

On the front of a web site I maintain, I have a Flash slide show that simply rotates images. I have flash installed on my XP box, but I'd rather not have to deal with it after I get my Mac, and there really is no reason for me to buy Flash just for this one instance. Is there an alternative to get a very simple rotating image show on the front page without having to make it in Flash?

 

[angelwatt]

JavaScript can do something like this pretty easily. Below is some code to do the trick. I commented the code so you can see where to make changes.

ImageRotater = function() {
  // Add you image paths to this array
  var images = new Array('image01.jpg', 'image02.jpg', 'image03.jpg');
  var v = {
    id: 'theImg',   // the id attribute of the image
    wait: 5000,     // time in between rotate in milliseconds
    // don't change below
    img: null,
    spot: 0,
    len: images.length-1
  };
  Init = function() {
    v['img'] = document.getElementById(v['id']);
    // preload images
    for (var x=0, y=images.length; x<y; x++) {
      var i = new Image();
      i.src = images[x];
    }
    setTimeout(function(){Rotate()}, v['wait']);
  };
  Rotate = function() {
    v['spot'] = (v['spot'] >= v['len']) ? 0 : ++v['spot'];
    v['img'].src = images[v['spot']];
    setTimeout(function(){Rotate()}, v['wait']);
  };
  function appendOnLoad(fx)
  { 
    var old = window.onload;
    if (typeof old != 'function') { window.onload = fx; }
    else { window.onload = function() { old(); fx(); } }
  }
  appendOnLoad(Init);
}();

For the HTML just make sure you have an image tag like below

<img id="theImg" src="image01.jpg" alt="" />

Let me know if you have any problems with this. There's other ways to do it, but this is what I came up with.

 

[Aranince]

Ah! Javascript! I didn't think about that. Thanks!