Image Roller

COPY - Insert Between Head Tags: <HEAD></HEAD>

// Your images width. You may add as many images as you like.
    var imgw=new Array("110","480","232")

// Your images height. You may add as many images as you like.
    var imgh=new Array("208","280","73")

//Place your Pictures page here.  The pound symbol allows the use of the anchor name feature.
  //So that the image can be brought forward when clicked on.
    var imgurl="pics.html#"

//This array preloads the images so that they rotate at the proper speed on the page.
    var imgpreload=new Array()
      for (i=0;i<=imgname.length-1;i++) {
        imgpreload[i]=new Image()
        imgpreload[i].src=imgname[i]
      }

//Declare any needed variables here.  
    var i_image=0  //i_image is used for the array of images to be accessed later.
    var screenheight=0  //screenheight is for usable height of the display area ie 567px if your height is 600px
    var screenwidth=0   //screenwidth is for the usable width of the display area ie 800px if your width is 800px
    var x_finalpos=0    //x_finalpos is for the final position when placing the image on the screen in the scroller.
    var y_finalpos=0    //y_finalpos is for the final position when placing the image on the screen in the scroller.
    var imgheight=0     //used to calculate the final position of the image in the scroller you load the image height here.
    var imgwidth=0      //used to calculate the final position of the image in the scroller you load the image width here.

/*This function finds the location on the screen for the image scroller.  It does this by calculating the screen height
      and width that is usable then dividing this by 2 so that the image will center.  It then subtracts half of the image
      from the usable height and width of the screen and adds 20 to the height for placement purposes.*/

function picturepos() {
    imgheight=imgh[i]
    imgwidth=imgw[i]
    x_finalpos=((document.body.clientHeight/2)-(imgheight/2)+20)
    y_finalpos=((document.body.clientWidth/2)-(imgwidth/2))
  }

//This function sets the timer on the image roller.and calls another function to roll the image
    function initiate() {
      var timer=setInterval("swapimg()",2000)
    }

//This function provides the names of the images that are being used by the roller.
    function swapimg(){
      eval("document.all.div"+i_image+".style.display='none'")
      if (i_image++>imgname.length-2) {i_image=0}
        eval("document.all.div"+i_image+".style.display=''")
        return(false)
      }
</script>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>