Lightbox gallery with single image

• adickey120

• June 25, 2015 at 1:09 am

I’m trying to get a page with multiple galleries to display the first image in each gallery and lightbox of the images from the gallery.

I’ve successfully laid out the grid of images, some as ‘featured’, and successfully displaying the first image of each gallery in the post. But I just get a spinning wheel when I try and lightbox each gallery from said single image.

Any help would be appreciated.

<ul>
	<?php if( have_rows( 'product' ) ) : ?>
        <?php 
            while( have_rows( 'product' ) ) : the_row();
            // Vars
            $images = get_sub_field( 'gallery' );
        ?>
			<?php if( get_sub_field('featured_image') ) { ?>
				<li class="featured-product-frame">
					<span class="featured-product-image">
						 <a href="<?php echo $images['url']; ?>" rel="lightbox" >
							<img src="<?php echo $images[0]["sizes"]["large"]; ?>" >
						</a>
					</span>
				</li>
			<?php } else { ?>
				<li class="product-frame">
					<span class="product-image">
						<a href="<?php echo $images['url']; ?>" rel="lightbox" >
							<img src="<?php echo $images[0]["sizes"]["large"]; ?>" >
						</a>
					</span>
				</li>
			<?php } ?>
        <?php endwhile; wp_reset_postdata(); ?>
	<?php endif; ?>
</ul>

• Jonathan

• June 25, 2015 at 3:53 am

Hi @adickey120

This code wont work. What you’ve done is basically trying to fetch a single url from the array that contains all the image arrays.

What javascript plugin are you using for the lightbox?

• adickey120

• June 25, 2015 at 4:37 am

I would like to say I’m surprised by what you said… but I’m not…

I’m using ‘Responsive Lightbox’ »
https://wordpress.org/plugins/responsive-lightbox/

I have also tried ‘Simple Lightbox’ »
https://wordpress.org/plugins/simple-lightbox/

• adickey120

• June 25, 2015 at 4:37 am

Also, I’m pretty open to any plugin, paid or not, to accomplish this.

• Jonathan

• June 25, 2015 at 5:27 am

Haha okay 🙂

Hmm.. the key info on that plugin is “Option to display single post images as a gallery”.

Could you try that feature out with regular images just to see how the markup is done?