Lightbox Slideshow on Article Page

[theresenk]

Hi, I am having trouble figuring out how to set up a lightbox slideshow from an article page. What I mean exactly is the way that clicking on the Bear photo triggers a lightbox slideshow: http://demoblvd.com/themes/denali/demo-2/

I would like to be able to include at least one lightbox slider from a project page, and I assumed I’d also be able to do this from the large image at the top of each project page. For example on this page, the dog would be a lightbox slideshow instead of just a single image: http://demoblvd.com/themes/denali/demo-1/item/born-for-pulling-the-sled/

Thanks in advance!!

Topic

[theresenk]

Okay, I figured out how to make a “lightbox slideshow” a.k.a. “lightbox gallery”. However, I really wanted to launch this via ONE image, like the Bear example within the Portfolio. And I thought there would be an option to do so from the large image – as I was describing in the second paragraph from the message. Is that possible??

Furthermore, would it be possible to display a lightbox gallery via a text link or button?

Thanks!

[Jason Bobich]

Hi,

So, there’s no real built-in feature for this, but there are some roundabout ways you could probably accomplish it. For example, you could use the [lightbox_gallery] and [lightbox] shortcodes that come with our shortcodes plugin that you installed with the theme.

[raw]
[lightbox_gallery]
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumb.jpg" title="Lightbox Example"]
<div style="display:none">
[lightbox link="http://yoursite.com/image-2.jpg" thumb="http://yoursite.com/thumb-2.jpg" title="Lightbox Example 2"]
[lightbox link="http://yoursite.com/image-3.jpg" thumb="http://yoursite.com/thumb-3.jpg" title="Lightbox Example 3"]
[lightbox link="http://yoursite.com/image-4.jpg" thumb="http://yoursite.com/thumb-4.jpg" title="Lightbox Example 4"]
</div>
[/lightbox_gallery]
[/raw]

http://demoblvd.com/legacy/shortcodes/generator/lightbox/

Another approach might be to just insert a standard WordPress gallery through the media manager and combine that with the method above to make things a little easier.

[raw]
[lightbox_gallery]
[lightbox link="http://yoursite.com/image.jpg" thumb="http://yoursite.com/thumb.jpg" title="Lightbox Example"]
<div style="display:none">
[gallery ids=1,2,3,4,5" link="file"]
</div>
[/lightbox_gallery]
[/raw]

[theresenk]

Thanks Jason, I will have to look into that. I am wondering if the child theme will be better for me now that I’m making customizations like that?

[Jason Bobich]

None of this has anything to do with a child theme, as we’re just talking about things you’re doing within the WordPress page editor. But if you feel making code customization to theme files is something you’ll want to do in the future, it doesn’t hurt anything to have the child theme activated. It’ll only make things easier in the future, if you decide to go that route.

[theresenk]

Okay… Thanks Jason! Appreciate the clarification and the support. Very helpful. I’m learning!

[Author]

Replies