PDA

View Full Version : Conveyorbelt dlideshow add function



millie8
05-21-2010, 11:31 PM
1) Script Title:conveyor belt

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

3) Describe problem: is it possible to click the IMage in slideshow have it open a larger file then click to close without opening up in new browser.
What code and where does it go? I'm sorry but I'm just learning!

jscheuer1
05-22-2010, 12:25 PM
Your link to the Conveyor script was broken. Somehow the m at the end of .htm got lost. But if it had been there, it would have linked to an old version of the script:

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

You should be using the newer version:

http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

Which is what I changed the broken link in your post to point to.

The usage is essentially the same. The newer script works better in modern browsers.

Now, what you want to do is open a modal window. Lightbox is one of the most popular:

http://www.huddletogether.com/projects/lightbox2/

Once you install it, you can just add its markup to the Conveyor's setup here:


//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="dynamicbook1.gif" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="dynamicbook2.gif" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="dynamicbook3.gif" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="dynamicbook4.gif" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="dynamicbook5.gif" border=1></a>'

For example:


leftrightslide[0]='<a href="larger_image.jpg" rel="lightbox"><img src="dynamicbook1.gif" border=1></a>'

Where larger_image.jpg is the larger image you want shown.