(View Original Web?)

HOBBY > FREE SCRIPT | WIDGET | TEMPLATE

Conveyor Belt slideshow script


(Page 1 of 1)
Description:
This cross browser image slideshow scrolls the containing images in a "conveyor belt" fashion. Images can be set to click through to various URLs, and when the mouse moves over the "belt", it pauses for the visitor to interact. Cool!

Demo:

//Specify the slider's width (in pixels)var sliderwidth="400px"//Specify the slider's heightvar sliderheight="140px"//Specify the slider's slide speed (larger is faster 1-10)var slidespeed=3//configure background color:slidebgcolor="#EAEAEA"//Specify the slider's imagesvar leftrightslide=new Array()var finalslide=''leftrightslide[0]='@@img@@http://i49.tinypic.com/of98wn.gif" border=1>'leftrightslide[1]=''leftrightslide[2]=''leftrightslide[3]=''leftrightslide[4]=''//Specify gap between each image (use HTML):var imagegap=" "//Specify pixels gap between each slideshow rotation (use integer):var slideshowgap=5
Code:
<!-- free script collection by more share
https://www.ms-room.com -->

<center>
<script type="text/javascript">
//Specify the slider's width (in pixels)
var sliderwidth="400px"
//Specify the slider's height
var sliderheight="140px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=3
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="https://www.ms-room.com/amp/index.php?topic=8.0"><img src="http://i49.tinypic.com/of98wn.gif" border=1></a>'
leftrightslide[1]='<a href="https://www.ms-room.com/amp/index.php?topic=8.0"><img src="http://i49.tinypic.com/of98wn.gif" border=1></a>'
leftrightslide[2]='<a href="https://www.ms-room.com/amp/index.php?topic=8.0"><img src="http://i49.tinypic.com/of98wn.gif" border=1></a>'
leftrightslide[3]='<a href="https://www.ms-room.com/amp/index.php?topic=8.0"><img src="http://i49.tinypic.com/of98wn.gif" border=1></a>'
leftrightslide[4]='<a href="https://www.ms-room.com/amp/index.php?topic=8.0"><img src="http://i49.tinypic.com/of98wn.gif" border=1></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5

</script>
<script language="JavaScript" type="text/javascript" src="https://www.ms-room.com/js/slide.js"></script>

</center>
(Page 1 of 1)

Navigation

Back Sub-Forum