Results 1 to 2 of 2

Thread: Conveyor Belt Script is producing a slight jump

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Conveyor Belt Script is producing a slight jump

    1) Script Title: Conveyor Belt

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rightslide.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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    //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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •