This example shows a full page width, with 4 gallery images across. This approach requires the ‘Image Array’ return value on the image field.
It’s possible to grab the ‘alt’ from the image array, but I’ve found people rarely complete that field when they upload images: thus the ‘gallery_imagetitle’ field. The ‘rel=”lightbox” ‘ bit triggers the modal window for the lightbox plugin.
<div class="medium-12 columns gallery">
<?php
if(get_field('event_images')):
echo '<div class="row">';
echo '<div class="image-container">';
while(has_sub_fields('event_images')):
$galimg = get_sub_field('gallery_image');
$galimgtitle = get_sub_field('gallery_imagetitle');
if ($galimg) {
$url = $galimg['url'];
$size = 'thumbnail';
$thumb = $galimg['sizes'][ $size ];
echo '<div class="medium-3 columns galimg">';
echo '<a href="'.$url.'" title="'.$galimgtitle.'" rel="lightbox">';
echo '<img src="'.$thumb.'" alt="'.$galimgtitle.'" />';
echo '</a>';
echo '</div>';
}
endwhile;
echo '</div>';
echo '</div>';
endif;
?>
</div>
