I would like to know how I can get the thumbnails to appear using the same folder as the images folder? I currently have this:

<ul>
<?php do { ?>
<li>
<h3><?php echo $row_getPics['category']; ?></h3>
<p><?php echo $row_getPics['caption']; ?></p>
<img src="images/photogallery/<?php echo $row_getPics['filename']; ?>" class="image" alt="" /></li>
<?php } while ($row_getPics = mysql_fetch_assoc($getPics)); ?>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<?php do { ?>
<li><img src="images/photogallery/<?php echo $row_getPics['filename']; ?>" alt="" /></li>
<?php } while ($row_getPics = mysql_fetch_assoc($getPics)); ?>
</ul>

using the same folder to have the thumbnails appear. Can this not work? Or MUST there be a thumbs folder?

Edited by - Heather V on 09 Mar 2011  00:36:18

Edited by - Heather V on 09 Mar 2011  00:36:51

Hello Heather,

You need second recordset.

Regards,

Thank you. Unfortunately, I wasn't able to get it to work. Now I have a problem with the thumbnails not appear at all.

I've added the Smart Image Processor with the Adv. Multi Uploader and it created thumbnails for me of the original image in the subfolder 'thumbs'.

The thumbnails don't seem to be appearing in the thumbnail view within the CSS Gallery, but the images do just fine:

<div class="dmxGallery" id="cssGallery1" style="margin-top: 1em; margin-left: 20px;">
<ul>
<?php do { ?>
<li>
<h3><?php echo $row_getPics['category']; ?></h3>
<p><?php echo $row_getPics['caption']; ?></p>
<img src="images/photogallery/<?php echo $row_getPics['filename']; ?>" class="image" alt="" /></li>
<?php } while ($row_getPics = mysql_fetch_assoc($getPics)); ?>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<?php do { ?>
<li><img src="images/photogallery/thumbs/<?php echo $row_getPics['filename']; ?>" alt="" /></li>
<?php } while ($row_getPics = mysql_fetch_assoc($getPics)); ?>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {width:600, thumbWidth:90, thumbHeight:90, playerDelay:5, autosize:false, captionOpacity:90}
       );
     }
 );
  // ]]>
</script>

Source code shows:

<div class="dmxGallery" id="cssGallery1" style="margin-top: 1em; margin-left: 20px;">
<ul>
<li>
<h3>Others</h3>
<p></p>
<img src="images/photogallery/IMG_0158.JPG" class="image" alt="" /></li>
<li>
<h3>Others</h3>
<p></p>
<img src="images/photogallery/IMG_0155.JPG" class="image" alt="" /></li>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">

<ul>
<li><img src="images/photogallery/thumbs/" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {width:600, thumbWidth:90, thumbHeight:90, playerDelay:5, autosize:false, captionOpacity:90}
       );
     }
 );
  // ]]>
</script>
</div>

Rookie move of mine: you were right. I needed a second record set. Sorry!

Pokemon Fusion is a fan-made concept that combines two or more Pokemon to create a new, hybrid creature. Fans use online tools and software to create their own unique fusions and share them with others in the community.