CSS Image Gallery Support Product Page

This topic is locked
Solved

CSS Image Gallery[SOLVED]

Reported 12 Jun 2011 03:13:01
1
has this problem
12 Jun 2011 03:13:01 Vernon Davis posted:
I just purchased CSS Image Gallery and Lightbox. Does this not work with dynamic images generated from a Dreamweaver CS5 recordset? I haven't been able to find a tutorial or in the manual how to use these extensions with dynamic images. Also, the CSS Image gallery doesn't even open when I click on the icon within the Insert -> DMXZone area.

Replies

Replied 13 Jun 2011 09:54:11
13 Jun 2011 09:54:11 Miroslav Zografski replied:
Hello Vernon,

A Video on how to use the css Image gallery with dynamic images can be found here :
www.dmxzone.com/go?13984#Videos

Also, Have your restarted your DW after installing the extension?

Regards,
Replied 15 Jun 2011 04:49:09
15 Jun 2011 04:49:09 Max Young replied:
Went through the demo on repeat regions, but it does not work with PHP.

The server behaviour places the tags well beyond the ul tags and includes other script.

Also when you go to add the repeat region for the thumbnails DW comes up with and error saying the repeat region already exists.

I assume another recordset duplicating the image RS is required to get around this problem

Cheers
Replied 17 Jun 2011 09:53:27
17 Jun 2011 09:53:27 Teodor Kuduschiev replied:
Hello Vermon,

Could you please explain what do you mean by:

QuoteThe server behaviour places the tags well beyond the ul tags and includes other script.

Replied 19 Jun 2011 00:51:35
19 Jun 2011 00:51:35 Max Young replied:
Hi Teodor

when I follow the video instructions for placing a repeat region on the UL tags, I select the UL tags for the thumbnail and apply the dreamweaver repeat region behavior.

Dreamweaver then places the repeat over the whole code as shown below and not just the thumbnail


<?php do { ?>
                 <div class="dmxGallery" id="cssGallery1">
<ul>
<li><img src="http://images.jadremtoys.com.au/images/images_75/<?php echo $row_rsFeaturedImages['stk_icon']; ?>" width="150" height="150" class="image" alt="" /></li>

</ul> 
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">

<ul>
<li><img src="http://images.jadremtoys.com.au/images/images_75/<?php echo $row_rsFeaturedImages['stk_icon']; ?>" width="75" height="75" class="image" alt="" /></li>

</ul>
 
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {width:250, height:300, thumbWidth:75, thumbHeight:75, thumbHolderPosition:"bottom", autosize:false}
       );
     }
 );
  // ]]>
</script>
                 <?php } while ($row_rsFeaturedImages = mysql_fetch_assoc($rsFeaturedImages)); ?>


Cheers
Max
Replied 20 Jun 2011 08:47:45
20 Jun 2011 08:47:45 Miroslav Zografski replied:
Hello Max,

You need to simply move the added PHP coding to embrace only the <li> tag.

Regards,
Replied 22 Jun 2011 03:12:52
22 Jun 2011 03:12:52 Max Young replied:
QuoteHello Max,

You need to simply move the added PHP coding to embrace only the <li> tag.

Regards,


Thanks all works fine, by hand editing.

Cheers

Reply to this topic