DMXzone Lightbox Support Product Page

DMX Lightbox with CSS gallery

Reported 14 Nov 2010 06:17:49
1
has this problem
14 Nov 2010 06:17:49 Mark Grimes posted:
Hi there
I'm trying to combine the dmx lightbox and the css gallery functionality but not having much luck...

Here are two links
www.findaband.co.nz/band-test2.asp?id=10
www.findaband.co.nz/band-test4.asp?id=10

Test2 uses onclicks to bring up the lightbox but the record count doesn't work at all otherwise it works fine.

Test4 uses the standard href to open the lightbox. It works when clicking on the first image and the record counter works but if you scroll the gallery and pick another image it doesn't open the lightbox.

Can someone guide me on whether the onclick is the method to use? If so why doesn't the page counter work?

Cheers
mark

Replies

Replied 16 Nov 2010 20:24:42
16 Nov 2010 20:24:42 Mark Grimes replied:
Here are the two code examples

<div class="dmxGallery" id="cssGallery1">

<ul>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/Dragonfly best 797 MK_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/Dragonfly best 797 MK.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/Dragonfly1_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/Dragonfly1.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/mattdragonfly1_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/mattdragonfly1.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/Samserious_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/Samserious.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/jamminginsidestoney_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/jamminginsidestoney.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/807 MK_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/807 MK.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/799 MK_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/799 MK.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/820 MK_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/820 MK.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



<li><a href="javascript:void(0);" onclick="openDMXzoneLightbox('admin/bandpics/785 MK_main.jpg', {title:'Dragonfly', preset:'findaband', group:'Dragonfly'}, window);return false" ><img src="admin/bandpics/785 MK.jpg" alt="Dragonfly band photo" class="image" border="0" /></a></li>



</ul>

</div>


>>>>>>>>>>>>>>>
VS
>>>>>>>>>>>>>>>



<div class="dmxGallery" id="cssGallery1">

<ul>



<li><a href="admin/bandpics/Dragonfly best 797 MK_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/Dragonfly best 797 MK.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/Dragonfly1_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/Dragonfly1.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/mattdragonfly1_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/mattdragonfly1.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/Samserious_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/Samserious.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/jamminginsidestoney_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/jamminginsidestoney.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/807 MK_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/807 MK.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/799 MK_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/799 MK.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/820 MK_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/820 MK.jpg" class="image" border="0" /></a> </li>



<li><a href="admin/bandpics/785 MK_main.jpg" title="Dragonfly" rel="dmxLightbox" rev="{group: 'Dragonfly', preset: 'findaband'}"><img src="admin/bandpics/785 MK.jpg" class="image" border="0" /></a> </li>



</ul>

</div>
Replied 22 Nov 2010 11:38:10
22 Nov 2010 11:38:10 Teodor Kuduschiev replied:
Hello Mark,

Please check the video tutorial showing "Show your Images in a Cool Lightbox" on this page: www.dmxzone.com/go?13984#Videos

Reply to this topic