CMS Builder - Photo Gallery

Hi Brett,

You can have CMS Builder display photos just about anyway you might need. You just need to move the tags around.

By default it will show thumbnails for uploads if they're available. To add a link to the full size image you'd just change this code:

<?php if ($upload['hasThumbnail']): ?>
<img src="<?php echo $upload['thumbUrlPath'] ?>"
width="<?php echo $upload['thumbWidth'] ?>"
height="<?php echo $upload['thumbHeight'] ?>"
alt="" /><br/>

To this:

<?php if ($upload['hasThumbnail']): ?>
<a href="<?php echo $upload['urlPath'] ?>"><img src="<?php echo $upload['thumbUrlPath'] ?>"
width="<?php echo $upload['thumbWidth'] ?>"
height="<?php echo $upload['thumbHeight'] ?>"
alt="" /></a><br/>

Hope that makes sense, let me know if I can provide more details.

Hey Dave,

Been a few days since I talked to you. I got the photo page working and I am able to upload to it.

Now on the following URL all the pictures go directly down the page. Is there some type of code I can add that will take these pictures and put them into columns and/or rows.

Here is the URL that I am talking about.

http://www.shoreshot.net/photopage.php

Thanks,

Brett

Hi Brett,

Yes, there's several ways to do that. The best way to proceed is usually to experiment with that on a html mockup page until you find the one the works best and then add it to the viewer page.

One method you could try is adding this to the image tag:

<img ... style="float: left" ... >

Let me know if that works for you. If not we can figure out something else.

Hey Dave,

That worked great. Can you show me how I can put the image around a cell padding or spacing? I tried doing it to separate the images a bit but it started messing up my entire page.

Thanks man.

Brett

Removing this post. Please see Dave's wonderful, versatile solution as a code block below.

Thank you so much for this nice, clean code block. It works perfectly and really clarifies for me the relationship of the php tags to the html.

You rock!

#################################

<!-- THUMBNAILS BEGIN -->
<table border="0" cellpadding="8" cellspacing="0" width="100%"><tr>

<?php if ($listDetails['noRecordsFound']): ?>
<td>No records were found!</td>
<?php endif ?>

<?php foreach ($listRows as $record): ?>
<?php foreach (getUploads($options['tableName'], 'uploads', $record['num']) as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>

<td valign="top">
<a href="<?php echo $record['_link'] ?>">
<?php echo $upload['info1'] ?><br/>
<img src="<?php echo $upload['thumbUrlPath'] ?>"
width="<?php echo $upload['thumbWidth'] ?>"
height="<?php echo $upload['thumbHeight'] ?>" /></a>
</td>

<?php $maxCols=2; if (@++$count % $maxCols == 0): ?>
</tr><tr>
<?php endif ?>

<?php endif ?>
<?php endforeach ?>
<?php endforeach ?>

</tr></table>
<!-- THUMBNAILS END -->

################################

Can't get this to work at all http://www.nele.us/photos on the photos page.

help?

Hi sagentic,

Thanks for posting. [:)]

Everything seemed to be working correctly for me here:

http://nele.us/photos/photos.php/

Am I overlooking something, or did you get this resolved? Let us know if you still need our help!