Image uploads - different display for first image

Hi Hannah,

Sure, this can be done fairly simply.  With uploaded images in CMSB, you have your main image, and up to 4 different thumbnails.  So for this example, let's assume that our main image is the large image we want to output, and the first thumbnail is the smaller image we want for the other images.

In this example, I've also assumed that you are outputting your information from a variable called $record, and that your upload field is called images.  You may need to adjust this to work with what you have set up on your page:

<?php $imageCount = 0; ?>

<?php foreach ($record['images'] as $image): ?>
  <?php $imageCount++ ;?>
  
  <?php if ($imageCount == 1): // first image ?>
    <img src = "<?php echo $image['urlPath'];?>" width = "<?php echo $image['width'];?>" height = "<?php echo $image['height'];?>" />
  <?php else: ?>
    <img src = "<?php echo $image['thumbUrlPath'];?>" width = "<?php echo $image['thumbWidth'];?>" height = "<?php echo $image['thumbHeight'];?>" />
  <?php endif ?>
  
  
<?php endforeach ?>

What this does is increment a counter to keep track of how many images we've output.  In this way it's easy to detect if we are outputting the first image or not.  You can then add in your lightbox code to these image tags as needed.

Hope this helps get you started.