PDA

View Full Version : Conveyor Belt Script is producing a slight jump



tronicuk
08-17-2008, 09:41 AM
1) Script Title: Conveyor Belt

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

3) Describe problem: I have set the height to 60px which is the height of the images, i am using 6 banner images which are mostly animated GIFs, and the width is set to 925px. The coneyor works great and just what i wanted, however after one particular banner there is a short gap where it actually makes the banners after it invisible for about 2 seconds then they appear again to complete the conveyor.

Please take a look at my site homepage www.rhythmbuzz.com

Thanks

jscheuer1
08-17-2008, 11:37 AM
Your image train isn't wide enough. If you added two more it would be. What you can do if you want to use just the current images, and have it fill the area, and maintain the order is to duplicate the array:


//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="http://img502.imageshack.us/img502/2473/play2of2.gif" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="http://img411.imageshack.us/img411/5595/imobanner182x62ca9.gif" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="http://img509.imageshack.us/img509/4881/dolp001gtr12060v12km8.gif" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="http://img512.imageshack.us/img512/6227/careerbuilderrz1.gif" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="http://img526.imageshack.us/img526/7043/allpostersmalllz7.gif" border=1></a>'

var templ = leftrightslide.length;

for(var i = 0; i < templ; ++i)
leftrightslide[leftrightslide.length] = leftrightslide[i];

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

But once you get enough images, like if you add on 2 or more banners, you should stop using that added code as it will more quickly get you to a point where there are two many images.