Lightbox Ultimate – How to make a set of photos popup from only one link?

[afrocuban]

I am trying to popup a set of photos (a gallery) from only one anchor image link and can not do it. Do not want all thumbnails in the post as in the conventional galleries. Only one, linking to all photos of the group. Is that possible? Would like to use flickr as the external server. Or the media library of wordpress. (Better the first option). Is there any special code to do this or can be created or the one for fancy box or pretty photo can be adapted?

Juan de Marcos

[wpCommerce]

Hi, please follow this documentation (Display Image/Video Gallery with prettyPhoto section):

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-content/uploads/wp-lightbox-stuff/docs/wp-lightbox-ultimate-shortcodes-by-library-type.pdf

[afrocuban]

Dear friend,

I think you did not understand me.

In the link you sent is not the information I asked for. Just the general codes and explanations. In order to find out a gallery popping up from only one anchor image or anchor text the codes must be tricked. The normal situation is that in every code added appears a source image or text that guides to the navigation. And I do not want more than ONE IMAGE to popup the gallery of X photos.

I found the way to do ii grouping the photos and by eliminating the source text and source image (text=” ” or erasing complete the source tag in the case of anchor images) and only one text or image source popup the group of images. This works but perhaps there´s a command to say the Plugin: THIS PHOTO BELONGS TO THE GALLERY and want it popping up when i click in the source, but please, do not display this image!!!!! Something like Display=False or similar. Not experienced in PHP or HTML. If this command does exist, please let me know how will look the code with such command included.

This is Done. But now I have one more question: it´s possible to wrap an anchor image with text in a post. Imagine that in this page [http://www.afrocubanallstarsonline.com/web_site/Current_Line_Up.html] all photos are anchor images from where will popup a gallery of photos of the relevant person. As you see an small bio is wrapping the photos. Is that possible? If yes, please show me how to do it.

Peace!

[wpCommerce]

Hi, gallery in lightbox usually means that you have an image/video open in the overlay window and you can switch to another image/video using a navigator (example: Previous/Next button).

The link I shared explains everything on how you can use multiple shortcodes to create a lightbox gallery with our plugin. There is a demo that you can check out:

http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/lightbox-ultimate-demo-create-gallery-with-a-set-of-images-212

If you don’t want to display all the anchor texts/images you can choose to keep them hidden using a simple CSS. First, switch to the “HTML” editor of your post/page and create a div which will be hidden. Now keep all the shortcodes which you want to hide inside the div. For example:

[gallery shortcode 1 goes here] - this shortcode is not hidden

<div style="display: none;">

[gallery shortcode 2 goes here] - this shortcode is hidden

[gallery shortcode 3 goes here] - this shortcode is hidden

[gallery shortcode 4 goes here] - this shortcode is hidden

[gallery shortcode 5 goes here] - this shortcode is hidden

</div>

Now when a user clicks on the “gallery shortcode 1” it will pop up the content linked to shortcode 1. But there will be a previous/next arrow which will allow the user to switch to another content (content linked to shortcode 2, 3, 4 and so on).

You can also embed multiple galleries on the same post/page. For example:

[gallery1 shortcode 1 goes here] - this shortcode is not hidden

<div style="display: none;">

[gallery1 shortcode 2 goes here] - this shortcode is hidden

[gallery1 shortcode 3 goes here] - this shortcode is hidden

[gallery1 shortcode 4 goes here] - this shortcode is hidden

[gallery1 shortcode 5 goes here] - this shortcode is hidden

</div>

[gallery2 shortcode 1 goes here] - this shortcode is not hidden

<div style="display: none;">

[gallery2 shortcode 2 goes here] - this shortcode is hidden

[gallery2 shortcode 3 goes here] - this shortcode is hidden

[gallery2 shortcode 4 goes here] - this shortcode is hidden

[gallery2 shortcode 5 goes here] - this shortcode is hidden

</div>

[gallery3 shortcode 1 goes here] - this shortcode is not hidden

<div style="display: none;">

[gallery3 shortcode 2 goes here] - this shortcode is hidden

[gallery3 shortcode 3 goes here] - this shortcode is hidden

[gallery3 shortcode 4 goes here] - this shortcode is hidden

[gallery3 shortcode 5 goes here] - this shortcode is hidden

</div>

[afrocuban]

Great! This solves my problem.

Thanks a lot!!!

Peace!

[Author]

Posts