Main
Index 		Search
Posts 		Who's
Online 		Log
In

Home: Products: CMS Builder:
Building table for uploads (photos)....

 
 


HDLLC
User

Jan 31, 2012, 7:42 AM

Post #1 of 3 (148 views)
Shortcut
Building table for uploads (photos).... Can't Post
I've been able to build a table (ie: four across images, then start new row, repeat) using upload fields for images - but trying a different way where the field allows multiple images, and I want them to show in a nice table 4 across per row.

Here's what I did have -

Code
 <table width="133" border="0" align="center" cellpadding="3" cellspacing="3"> 
                    <tr> 
                      <?php foreach ($live_buckeye_deer_camsRecords as $record): ?> 
                      <td align="center" valign="top"><?php foreach ($record['photos'] as $upload): ?> 
                          <?php if ($upload['hasThumbnail']): ?> 
                          <a href="<?php echo $record['_link'] ?>"> <img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" border="0" /></a><br/> 
                          <?php elseif ($upload['isImage']): ?> 
                          <a href="<?php echo $record['_link'] ?>"><img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" border="0" /></a><br/> 
                          <?php else: ?> 
                          <a href="<?php echo $upload['urlPath'] ?>">No Thumbnail Available</a><br/> 
                          <?php endif ?> 
                          <?php endforeach ?> 
                      </td> 
                      <?php $maxCols=4; if (@++$count % $maxCols == 0): ?> 
                    </tr> 
                    <tr> 
                      <?php endif; ?> 
                      <?php endforeach; ?> 
                    </tr> 
                  </table> 
                  <div align="center"><br /> 
                      <br /> 
                      <?php if ($live_buckeye_deer_camsMetaData['invalidPageNum']): ?> 
                    Results page '<?php echo $live_buckeye_deer_camsMetaData['page']?>' not found, <a href="<?php echo $live_buckeye_deer_camsMetaData['firstPageLink'] ?>">start over &gt;&gt;</a>.<br/> 
  <br/> 
  <?php elseif (!$live_buckeye_deer_camsRecords): ?> 
                    No records were found!<br/>

Doesn't work with an upload field where I have 20 images per record. That code above works for multiple records.

How can I do this type of table building when I have an upload field, in one record, that has multiple images per upload ?

Hope I'm explaining this right... Thanks much in advance!

---Jeff


Jason
Staff / Moderator


Jan 31, 2012, 10:10 AM

Post #2 of 3 (142 views)
Shortcut
Re: [HDLLC] Building table for uploads (photos).... [In reply to] Can't Post
Hi Jeff,

You're actually very close.

What you have here is an outer loop (looping through your records) and an inner loop (looping through the images for a single record). The problem here is that your <td> tags and your column counting code is in your outer loop. This means that each record will have a single cell with all of their images in it, with a maximum of 4 records (cells) per row.

To have it so you get 4 images per row, regardless of the record they are coming from, you need to move your <td> and column counting code into the inner loop like this:

Code
<table width="133" border="0" align="center" cellpadding="3" cellspacing="3">  
  <tr>  
    <?php foreach ($live_buckeye_deer_camsRecords as $record): ?>  
       
         
	<?php foreach ($record['photos'] as $upload): ?> 
	  <td align="center" valign="top"> 
	 
            <?php if ($upload['hasThumbnail']): ?>  
              <a href="<?php echo $record['_link'] ?>"> <img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" border="0" /></a><br/>  
            <?php elseif ($upload['isImage']): ?>  
              <a href="<?php echo $record['_link'] ?>"><img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="" border="0" /></a><br/>  
            <?php else: ?>  
              <a href="<?php echo $upload['urlPath'] ?>">No Thumbnail Available</a><br/>  
            <?php endif ?> 
	     
	  </td>  
           
	  <?php $maxCols=4; if (@++$count % $maxCols == 0): ?>  
            </tr>  
            <tr>  
          <?php endif; ?>  
        <?php endforeach ?> 
	 
    <?php endforeach; ?>  
  </tr>  
</table>

Hope this helps get you started
---------------------------------------------------
Jason Sauchuk - Programmer 
interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/ 


HDLLC
User

Jan 31, 2012, 11:02 AM

Post #3 of 3 (138 views)
Shortcut
Re: [Jason] Building table for uploads (photos).... [In reply to] Can't Post
Thanks, Jason! Works like a champ!