From [[http://cookbooks.adobe.com/post_Display_a_series_of_images_one_after_another-17784.html]]\\
Insert the first image as usual with a unique ID such as 'rotator' (which can be CSS styled also)\\
<code>
<img src="images/image1.jpg" alt="rotating image" width="400" height="300" id="rotator">
</code>
Then at the end of the page just before the body tag, insert\\
<code>
<script type="text/javascript">
(function() {
 var rotator = document.getElementById('rotator');  // change to match image ID
 var imageDir = 'images/';                          // change to match images folder
 var delayInSeconds = 5;                            // set number of seconds delay
 // list image names
 var images = ['image2.jpg', 'image3.jpg', 'image4.jpg', 'image1.jpg'];

 // don't change below this line
 var num = 0;
 var changeImage = function() {
  var len = images.length;
  rotator.src = imageDir + images[num++];
  if (num == len) {
   num = 0;
  }
 };
 setInterval(changeImage, delayInSeconds * 1000);
})();
</script>
</code>
Note: Finish the list of comma seperated list of image filenames with the first image filename. 