PDA

View Full Version : Lightbox image viewer 2.0 (grouped images)



Bubbletin
03-16-2007, 11:45 PM
1) Script Title: Lightbox image viewer 2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem: No problem. I'm trying to produce the grouped image effect using only one image. From the script page:

"LightBox version 2 adds the ability to group multiple image links together, so an image gallery is created out of the enlarged images:"

I want to produce this effect but without using:


<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Must I add the links to the page in order for the images to be grouped? If so, would it still work if I used an invisible layer to hide the links? I'm trying to simply have one click on the #1 thumb and be able to click 'Next' to the rest images period without having #2 and #3 thumbs around.

Hopefully that made sense. Thank you.

jscheuer1
03-17-2007, 04:11 AM
My advice would be to just go ahead and try it. I've had luck using links in a division with display:none; and also using links with no text or image triggers.

Solution one:


<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<div style="display:none;">
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
</div>

Solution two:


<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]"></a>

Bubbletin
03-17-2007, 12:16 PM
I'll try both, thank you very much.

photoguy1601
05-07-2007, 04:41 PM
I have the same question and was wondering if the solution provided works? Thanks! Kaare


..:: www.kaaresmith.dk ::..

jscheuer1
05-07-2007, 04:43 PM
They both work.