Images:
Code:
slideimages[5]='<img src="home_page_images/raabadge006.gif">'
and:
Code:
slideimages[6]='<img src="home_page_images/raabadge007.gif">'
are the same image. These two images:
Code:
slideimages[9]='<img src="home_page_images/raabadge010.jpg">'
and:
Code:
slideimages[10]='<img src="home_page_images/raabadge011.jpg">'
are the same image.
You need a closing </a> tag and a 0 border here (additions red):
Code:
slideimages[0]='<a href="http://australianartilleryassociation.com/home_page_photo_enlargement.htm"><img src="home_page_images/raabadge001.jpg" border="0"></a>'
If you want the entire show linked, each image must have the <a> </a> tag around it and the 0 border added to it in the array.
The start of the script is made slower because of the two huge images that slow the load of the page, as well as the counter, which seems to take awhile to load. You should make thumbnails of:
aaa_seal.gif
and:
qldsl022.jpg
and use the thumbnails on the homepage there. Consider getting a faster loading counter or skipping it altogether. Finally, even with a faster loading page, the image2/image1 dance will still be noticeable on slower connections. It can be avoided by editing the script (changed/added sections red):
Code:
function startscroll(){
if (ie||dom){
scrollerdiv1=ie? first2 : document.getElementById("first2")
scrollerdiv2=ie? second2 : document.getElementById("second2")
scrollerdiv2.style.visibility='';
move3(scrollerdiv1)
scrollerdiv2.style.left=scrollerwidth
}
else if (doc . . .
and here:
Code:
<script language="JavaScript1.2">
if (ie||dom){
document.writeln('<div 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:0px;top:0px">')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden;">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1px;top:0px;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
</script>
Bookmarks