PDA

View Full Version : Blending Image Slideshow Help



bravoweb2114
03-06-2011, 07:42 PM
1) Script Title: Blending Image Slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/image4.htm

3) Describe problem: Can't get code provided in instructions to work. Here's what I have. Can anyone help see what I am doing wrong? Thank you.

<html>

<head>
<script language="JavaScript1.2">

/*
Blending Image Slide Show Script-
Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

function reapply(){
setTimeout("slideit()",2000)
return true
}
window.onerror=reapply
</script>
<script language="JavaScript1.1">
<!--
var image1=new Image()
image1.src="one3611.jpg"
var image2=new Image()
image2.src="two3611.jpg"
var image3=new Image()
image3.src="three3611.jpg"
var image4=new Image()
image4.src="four3611.jpg"
//-->
</script>
</head>

<body onLoad="slideit()">
<a href="javascript:slidelink()" onMouseover="window.status='Click on the image to learn more about it!';return true" onMouseout="window.status=''"><img src="one3611.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)"></a>
<script>
<!--
////change number of images below
var number_of_images=4
//change speed below (in seconds)
var speed=3
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="bravo-demo/images/Rotators/show/one3611.jpg"
else if (whichimage==2)
window.location="bravo-demo/images/Rotators/show/two3611.jpg"
else if (whichimage==3)
window.location="bravo-demo/images/Rotators/show/three3611.jpg"
else if (whichimage==4)
window.location="bravo-demo/images/Rotators/show/four3611.jpg"
}
//-->
</script>
</body>

</html>