[invisionstudiosParticipant]

I’m trying to set up multiple lightboxes on one page. The first lightbox is a video popup and works great. The second lightbox is an image… when I click on the image, the full size image displays but not in a lightbox. The browser actually navigates to and displays the fullsize image. To get back to the page with the lightboxes, I have to go back.

See the page here: http://www.allergyatlanta.com/about-us/meet-our-staff/rabinowitz/

Each of the lightboxes is assigned a unique class, in this case “video-1” and “folio-1″

[image class=”video-1″ src=”http://www.allergyatlanta.com/image.jpg” link=”true” href=”//www.youtube.com/embed/JA19GBhmT0s?rel=0″ lightbox_video=”true”]
[lightbox selector=”.video-1″]

[image class=”folio-1″ src=”http://www.allergyatlanta.com/wp-content/uploads/2015/06/paul-rabinowitz-good-day-atlanta-cropped-4.jpg” link=”true” lightbox_thumb=”http://www.allergyatlanta.com/wp-content/uploads/2015/07/paul-rabinowitz-good-day-atlanta-thumb.jpg”]
[lightbox thumbnails=”true” selector=”.folio-1″]

So my initial goal is to get the lightbox to pop up correctly for the image.

What I would really like to do is to display a slideshow or gallery in the lightbox from a single image thumbnail click (I don’t really want to have multiple images in the sidebar). I’m perfectly happy building a Revo slider but that seems like overkill.

Wordpress 4.2.3, X-theme 4.0.5 (with a child theme). X-shortcodes is installed but not active, since the page is built with Cornerstone.

[RupokMember]

Hi There,

Thanks for writing in! It seems your shortcode is working fine but your image locations are not correct.

That means you have no image on those locations :

http://www.allergyatlanta.com/wp-content/uploads/2015/07/paul-rabinowitz-good-day-atlanta-thumb.jpg

http://www.allergyatlanta.com/wp-content/uploads/2015/06/paul-rabinowitz-good-day-atlanta-cropped-4.jpg

Please upload your image and provide correct path to the shortcode. That will solve the issue.

Thanks

[invisionstudiosParticipant]

If the URLs for the images were wrong, the links wouldn’t work in your post. LOL
And the image wouldn’t display at all — I would get a blank popup with a broken image link.

I’m thinking this is a plugin conflict of some kind — something interfering with the javascript for the gallery popup. I’m going to test on another non-live install.

In the meantime, if you have other insight into this issue, definitely let me know.

[RupokMember]

Hi There,

Thanks for updating! Maybe you didn’t get it. The image paths are extracted from code but apparently the images does not exist on those paths, it returns 404 page –

This is how I can see it on your page –

This is if we navigate through the image link –

And I am actually getting blank pop-up with broken image link. If you can see those anyhow, there might be some permission issue on your file/directory. Let’s check those images and if you can see those.

Hope that makes sense!

Thanks

[invisionstudiosParticipant]

I forgot I’m using a CDN for images. I’ll check the page when logged out and see if I get the same error as you.

[invisionstudiosParticipant]

Hmmm just tested it in a different browser (Safari) vs. Chrome and it seems to be working correctly.

Looks like that part is resolved. On to question #2:
Is there a method to have just a single image in the sidebar click to open a gallery?

I could create a slideshow but I really don’t want to, if there is a simple way to do it. I’m very familiar with WP but I haven’t used the [gallery] shortcode much.

If this is not an appropriate question for this forum, I understand. Just trying to save time 🙂

[invisionstudiosParticipant]

Just confirmed that everything is working properly in Chrome, but NOT when I’m logged in. No biggie.

[LelyModerator]

Hello There,

Glad that everything is working properly.
Regarding your second question, you may refer to this thread:https://community.theme.co//forums/topic/use-a-single-image-to-open-a-lightbox-gallery-of-multiple-images/

Hope this helps.

[Author]

Posts