Opening a gallery with a text link (onclick?)

• Brian W.

• January 21, 2015 at 11:43 am

I’ve got my gallery working with Simple Lightbox plugin using the following code:

<?php $image_ids = get_field('trgallery', false, false);
			$shortcode = '[gallery ids="' . implode(',', $image_ids) . '"]';
			$gallery = do_shortcode( $shortcode );
			echo slb_activate($gallery) ?>

It displays on this page as designed:

BUT, I don’t want to see the images on that page. Instead, I want to see a button with text that says “Photos”, then onclick, it would open the lightbox. I’ve got the same question out to the Lightbox plugin forum, but am getting no response 🙁 Anyone have any suggestions?

• jaidev

• January 21, 2015 at 7:53 pm

Brian,

I guess this is out side the scope of ACF. However, one strategy (that might work) could be:

1. Hide your images with css:
#gallery-1 { display:none;}

2. Create a button “Photos”

3. Add a jQuery click event listener to the button that performs/fakes a “Click” on the first image – to start the Simple Lightbox:

jQuery(document).ready(function($) {
	// cache variables -Id #btn-photos is generic - chang with your own actual ID or Class
	var btnPhotos = $("#btn-photos"),
		galleryItems = $("#gallery-1").find(".gallery-item a");

	$("#btn-photos").click(function(event) {
		// something like this MIGHT work..
		galleryItems.first().click();
	});
});

Might be better ways, but this is first that came to mind.

Regards!

• adeyjones

• January 29, 2015 at 10:15 pm

Brian,

Did the above solution work for you? I want to do the same thing but want to find a working solution before I buy the add-on.

Thanks