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

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>

Hello Mark,

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