CSS Image Gallery Support Product Page

Adding Lightbox to CSS image gallery

Asked 15 Aug 2012 16:56:49
has this question
15 Aug 2012 16:56:49 Robin Schafer posted:
In this demo: www.dmxzone.com/demo/cig/cssimglightbox/index.html you added Lightbox to the large images in the CSS galley.

In DW I am unable to select individual images to add the behavior. Can you give me an idea of how to do this?



Replied 15 Aug 2012 18:04:32
15 Aug 2012 18:04:32 Robin Schafer replied:
I found a video tutorial and followed the instructions there.

Replied 15 Aug 2012 18:20:52
15 Aug 2012 18:20:52 Robin Schafer replied:
Is there any way to change the behavior to a Lightbox gallery rather than individual lightboxes?
Replied 16 Aug 2012 06:31:08
16 Aug 2012 06:31:08 Teodor Kuduschiev replied:
Hello Robin,

Can you please tell me what do you mean by "to change the behavior"?
Replied 16 Aug 2012 15:11:53
16 Aug 2012 15:11:53 Robin Schafer replied:

When you add the Lightbox behavior the individual images you get code similar to:
onclick="openDMXzoneLightbox('path to image', {preset:'thin'}, window);return false" ><img tag> </a>

each image pops up in its own lightbox. Image 1 of 1.

In a lightbox gallery:
<a href="path to image" rel="dmxLightbox" rev="{group: 'Test 1'}"><img tag> </a>.

target="dmxLightbox" rev="{group: 'Test 1'}"> make all images into one continuous gallery, Image 1 of X. with pagination in place on any lightbox popup.

How do you add the rel="" or rev="" tags to the onclick event.
Replied 03 Feb 2013 01:07:07
03 Feb 2013 01:07:07 Darrin Keaton replied:
Did you get an answer/solution to this question? I am trying to do the exact same thing. Please let me know.

Thank you.
Replied 06 Feb 2013 17:35:14
06 Feb 2013 17:35:14 Teodor Kuduschiev replied:
Hello Darrin,

Unfortunately it is not possible to do this when using the lightbox through the behavior connector.

Reply to this topic