Site hosted by Angelfire.com: Build your free website today!

1. Copy the coding into the HEAD of your HTML document    
2. Add the last code into the BODY of your HTML document


Rotating Picture

1) Insert the following codes under the <head> tag

<SCRIPT LANGUAGE="JavaScript">
<!--
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.left>0&&tlayer.left<=5){
tlayer.left=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.left>=tlayer.document.width*-1){
tlayer.left-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.left=scrollerwidth+5
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.left>0&&tlayer2.left<=5){
tlayer2.left=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.left>=tlayer2.document.width*-1){
tlayer2.left-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.left=scrollerwidth+5
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelLeft>0&&tdiv.style.pixelLeft<=5){
tdiv.style.pixelLeft=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelLeft>=tdiv.offsetWidth*-1){
tdiv.style.pixelLeft-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelLeft=scrollerwidth
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelLeft>0&&tdiv2.style.pixelLeft<=5){
tdiv2.style.pixelLeft=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelLeft>=tdiv2.offsetWidth*-1){
tdiv2.style.pixelLeft-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelLeft=scrollerwidth
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.left=scrollerwidth
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.left=scrollerwidth+5
document.main.document.second.visibility='show'
}
}
//-->
</SCRIPT>
 

2) Insert this part under the <body> tag

<script language="JavaScript1.2">
var scrollerwidth=100 // width
var scrollerheight=150 // height
var scrollerbgcolor='white' //background colour
var pausebetweenimages=3000 //speed of scroll
var slideimages=new Array()
slideimages[0]='<img src="pic1.jpg" width="100" height="150 ">'
slideimages[1]='<img src="pic2.jpg" width="100" height="150 ">'
slideimages[2]='<img src="pic3.jpg" width="100" height="150 ">'
slideimages[3]='<img src="pic4.jpg" width="100" height="150 ">'
slideimages[4]='<img src="pic5.jpg" width="100" height="150 ">'
slideimages[5]='<img src="pic6.jpg" width="100" height="150 ">'
slideimages[6]='<img src="pic1.jpg" width="100" height="150 ">'
slideimages[7]='<img src="pic2.jpg" width="100" height="150 ">'
slideimages[8]='<img src="pic3.jpg" width="100" height="150 ">'
slideimages[9]='<img src="pic4.jpg" width="100" height="150 ">'
slideimages[10]='<img src="pic5.jpg" width="100" height="150 ">'
slideimages[11]='<img src="pic6.jpg" width="100" height="150 ">'
slideimages[12]='<img src="pic1.jpg" width="100" height="150 ">'
slideimages[13]='<img src="pic2.jpg" width="100" height="150 ">'
slideimages[14]='<img src="pic3.jpg" width="100" height="150 ">'
slideimages[15]='<img src="pic1.jpg" width="100" height="150 ">'
slideimages[16]='<img src="pic5.jpg" width="100" height="150 ">'
slideimages[17]='<img src="pic1.jpg" width="100" height="150 ">'

if (slideimages.length>1)
i=2
else
i=0

window.onload=startscroll
</script>

<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>


<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1;top:0;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>