PDA

View Full Version : Conveyor belt slideshow script text



Geula
06-05-2007, 07:03 PM
1) Script Title: Conveyor belt slideshow script

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

3) Describe problem:

How can I add text as well as links below each image, e.g. image title or other info on another line centered below the image.

-----------
|xxxxxxxxxx|
| image |
|xxxxxxxxxx|
------------
Link
Description text

Veronica
06-05-2007, 07:28 PM
You could add it in the array for each one, with breaks to drop to a new line.

example:

leftrightslide[0]='<a href="http://"><img src="dynamicbook1.gif" border=1></a><br /><a href="http://">link</a><br />title'
leftrightslide[2]='<a href="http://"><img src="dynamicbook1.gif" border=1></a><br /><a href="http://">link</a><br />title'

Make sure you keep it inside the single quote mark. Also, adjust the height of the slider to display the added content

Geula
06-05-2007, 07:49 PM
This doesn't work, what it does is after the single item that I tried the addition to, all other images move to a position below the image which had the link & title. Since the <nobr> tag has been disturbed by the additon the images are no longer in a line.

Veronica
06-05-2007, 11:08 PM
There's another slideshow script that lets you add captions, and even use pics of different sizes, at http://www.dynamicdrive.com/dynamicindex14/flexislide.htm
It doesn't do the smooth scrolling, but it has more flexibility.

jscheuer1
06-06-2007, 03:24 PM
http://home.comcast.net/~jscheuer1/side/files/conveyor_capt.htm

Geula
06-06-2007, 05:41 PM
I want the conveyer belt effect, this version of slide show is not exactly the same. The question that I have is it possible to achieve a similar effect using a table that moves through a "viewing window".

Thanks your suggestion.

Geula
06-06-2007, 06:01 PM
http://home.comcast.net/~jscheuer1/side/files/conveyor_capt.htm

You are defintely the captain, It works great in internet explorers browser, however it doesn't work at all in the firfox browser.

Thanks,
Geula:)

jscheuer1
06-06-2007, 06:55 PM
Oh, you can use a table. But, the script works here in FF. What version of FF are you using, and does your page have a valid DOCTYPE? A link to your page that uses my version of the script would be a big help.

Geula
06-06-2007, 10:31 PM
My sincere apologies, it does work, I must have copied it incorrectly to the browser.:) :) :) Would the table version work slower?

jscheuer1
06-07-2007, 12:40 AM
The markup used (divisions or tables) to display the contents of the slide show shouldn't make any noticeable difference in its speed. Generally, images displayed in a table will take longer to load though. However, the speed can be controlled here:


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

If 1 is still too fast, the speed may be reduced further here:


lefttime=setInterval("slideleft()",30)

To slow things down, one would increase this number. If it is set too high though, the motion will become jerky. About 60 would be the upper limit.

Dazza30
01-17-2008, 11:08 PM
Hi

Is there a way of stopping the images from looking jittery?

jscheuer1
01-18-2008, 04:43 AM
Hi

Is there a way of stopping the images from looking jittery?

That depends upon the speed and the interval as I mentioned in the post just prior to yours in this thread. And upon the size of the images (both their byte size and their physical dimensions). It is best to use the smallest most optimized images possible. Other factors are the browser, the screen, video card, and the CPU. But these are beyond your control.