PDA

View Full Version : Conveyor Belt Slideshow script...



oliviadlb
05-30-2013, 09:34 PM
Hello everybody..
i was ready to using the Conveyor Belt slideshow (http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm) from this website, as i did many times in the past with great success.. but this time, i'd like to put more than one on one page...
and it seems that the script just recognize one of them...
Any ideas to make it work twice or 3 times on the same page??


thank you for the help.. .;) :confused: :o

jscheuer1
05-31-2013, 02:43 AM
It's true. That script is a one per page script. Here's an OO version (multiple use per page):

http://home.comcast.net/~jscheuer1/side/files/conveyor_oo.htm

Use your browser's "View Source" to get the code.

There is also this script (Text and Image Crawler):

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

That can be set up for multiple conveyor like features on a page.

The two main differences are:


The first script is just something from my personal archives, based mostly on the original and coded in an older style, and not likely to be maintained if it breaks in newer browsers. The second script is more modern, more likely to play well with newer browsers, and will likely be maintained if it doesn't.


The first script requires that the content (images and/or links) be listed in arrays. The second uses ordinary HTML from the page, which is better for SEO.


The second is also more versatile. It can do more things. But that's not much of an issue here. It can go slower though if needed, which could be important -

Scripts like these have generally stopped being used so much because they employ constant incremental javascript animation. This is one of the most taxing things javascript can put a browser through. They've been more or less replaced by sliders and carousels which move images and/or other content in steps with pauses in between that give the browser timeouts between animations where it can rest. And when it does move, does so relatively quickly. As a result, movement, when it does occur is more likely to appear smooth. One example is DD's Step Carousel:

http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

If you do go with a script that does constant movement though, slower is better. In that scenario slow movement is easier for the browser to handle.

Almost needless to say, the more of these things you have on one page, the more taxing it is for the browser.

oliviadlb
05-31-2013, 06:03 AM
Thank you so much.. i'll try those and hopefully, it will work... :)

Thanks!! :)

oliviadlb
05-31-2013, 07:44 AM
Thank you! everything works perfect!

semaxd
05-30-2014, 04:23 AM
i have a little dif question can we do anything to make the conveyor script smoother instead of choppy
here's my site http://koshakdesign.com/testkitchen/diamondworld/watches-2.html

jscheuer1
05-30-2014, 04:53 AM
Slow it down:


<script type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="1890px"
//Specify the slider's height
var sliderheight="260px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#4B0110"

Also look at:

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

which can be slow until the user moves their mouse over it.

And:

http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

which takes a different approach to horizontal scrolling.

semaxd
06-08-2014, 07:53 PM
thanks john,
but is there a way to smooth the animation it seems to still vibrate a 1 or 100 that the issue the customer is focused on. and the customer doesn't like the other 2 options you posted for me :(
thx jim

jscheuer1
06-09-2014, 01:08 AM
It depends upon the browser/OS/computer setup, but, as I said. slower is generally smoother. Change:


var slidespeed=3

to:


var slidespeed=1

For example, it looks smooth to me just as is in Chrome. In Fire Fox and IE though it does seem choppy. I did try it in Fire Fox at 1 and that seemed to smooth it out.

Other factors that can affect smoothness are the number of images (less images might be smoother) and both their byte and dimension sizes (smaller in both cases is usually smoother).