Code:
<script type="text/javascript">
<!--
// Jeff
// www.huntingground.freeserve.co.uk
// ********** User Defining Area **********
data=new Array()
data[0]=new Array("photos/advertising/3counties.jpg","Thumbnail SlideShow Created By ApacheJeff","http://www.ckmarquees.co.uk/")
data[1]=new Array("photos/advertising/acceo.jpg","Alt text for Image 2","photos/advertising/acceo.jpg")
data[2]=new Array("photos/advertising/autohome-assistance.jpg","Alt text for Image 3","photos/advertising/autohome-assistance.jpg")
data[3]=new Array("photos/advertising/bolsover-caravans.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[4]=new Array("photos/advertising/canvas-repair.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[5]=new Array("photos/advertising/caravan-guard.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[6]=new Array("photos/advertising/cleopatras.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[7]=new Array("photos/advertising/edgetechnology.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[8]=new Array("photos/advertising/grantham-caravans.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[9]=new Array("photos/advertising/kdrewe.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[10]=new Array("photos/advertising/leisure-power.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[11]=new Array("photos/advertising/leisure-sales.jpg","Thumbnail SlideShow Created By ApacheJeff","http://www.ckmarquees.co.uk/")
data[12]=new Array("photos/advertising/lpgenious.jpg","Alt text for Image 2","photos/advertising/acceo.jpg")
data[13]=new Array("photos/advertising/micks-mobile.jpg","Alt text for Image 3","photos/advertising/autohome-assistance.jpg")
data[14]=new Array("photos/advertising/northstaffs-caravans.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[15]=new Array("photos/advertising/onechem.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[16]=new Array("photos/advertising/ropers.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[17]=new Array("photos/advertising/shield.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[18]=new Array("photos/advertising/waldegraves.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[19]=new Array("photos/advertising/warburtons.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[20]=new Array("photos/advertising/west-midland-caravans.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
data[21]=new Array("photos/advertising/wandahome.jpg","Alt text for Image 4","photos/advertising/bolsover-caravans.jpg")
imgPlaces=10 // number of images visible
imgWidth=180 // width of the images
imgHeight=50 // height of the images
imgSpacer=40 // space between the images
dir=0 // 0 = up, 1 = down
vis3Window=1 // 0 = Open a new window for links 0 = no 1 = yes
// ********** End User Defining Area **********
moz=document.getElementById&&!document.all
step=1
timer=""
speed=50
nextPic=0
initPos=new Array()
nowDivPos=new Array()
function initVIS3(){
for(var i=0;i<imgPlaces+1;i++){ // create image holders
newImg=document.createElement("IMG")
newImg.setAttribute("id","pic_"+i)
newImg.setAttribute("src","")
newImg.style.position="absolute"
newImg.style.width=imgWidth+"px"
newImg.style.height=imgHeight+"px"
newImg.style.border=0
newImg.alt=""
newImg.i=i
newImg.onclick=function(){vis3Win(data[this.i][2])}
document.getElementById("display_area").appendChild(newImg)
}
containerEL=document.getElementById("container")
displayArea=document.getElementById("display_area")
pic0=document.getElementById("pic_0")
containerBorder=(document.compatMode=="CSS1Compat"?0:parseInt(containerEL.style.borderWidth)*2)
containerHeight=((imgPlaces)*imgHeight)+((imgPlaces-1)*imgSpacer)
containerEL.style.width=imgWidth+(!moz?containerBorder:"")+"px"
containerEL.style.height=containerHeight+(!moz?containerBorder:"")+"px"
displayArea.style.height=containerHeight+"px"
displayArea.style.clip="rect(0,"+(imgWidth+"px")+","+(containerHeight+"px")+",0)"
imgPos= -pic0.height
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
if(dir==0){imgPos+=(pic0.height)+imgSpacer} // if up
initPos[i]=imgPos
if(dir==0){currentImage.style.top=initPos[i]+"px"} // if up
if(dir==1){ // if down
document.getElementById("pic_"+[(imgPlaces-i)]).style.top=initPos[i]+"px"
imgPos+=(pic0.height)+imgSpacer
}
if(nextPic==data.length){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){vis3Win(data[this.i][2])}
nextPic++
}
scrollVIS3()
}
timer=""
function scrollVIS3(){
clearTimeout(timer)
for(var i=0;i<imgPlaces+1;i++){
currentImage=document.getElementById("pic_"+i)
nowDivPos[i]=parseInt(currentImage.style.top)
if(dir==0){nowDivPos[i]-=step}
if(dir==1){nowDivPos[i]+=step}
if(dir==0&&nowDivPos[i]<= -(pic0.height+imgSpacer) ||dir==1&&nowDivPos[i]>containerHeight){
if(dir==0){currentImage.style.top=containerHeight+imgSpacer+"px"}
if(dir==1){currentImage.style.top= -pic0.height-(imgSpacer*2)+"px"}
if(nextPic>data.length-1){nextPic=0}
currentImage.src=data[nextPic][0]
currentImage.alt=data[nextPic][1]
currentImage.i=nextPic
currentImage.onclick=function(){vis3Win(data[this.i][2])}
nextPic++
}
else{
currentImage.style.top=nowDivPos[i]+"px"
}
}
timer=setTimeout("scrollVIS3()",speed)
}
function stopVIS3(){
clearTimeout(timer)
}
function vis3Win(loc){
if(loc==""){return}
if(vis3Window==0){
location=loc
}
else{
//window.open(loc)
newin=window.open(loc,'win1')
newin.focus()
}
}
// add onload="initVIS3()()" to the opening BODY tag
// -->
</script>
I have highlighted the part of the script that sets the fixed height of the pictures.
Bookmarks