Image Lightbox in widget or container

Add Bootstrap Lightbox data-toggle="lightbox" to widget images, or whatever.

http://ashleydw.github.io/lightbox/

Hi Stagger Lee,

Could you please help me. Where should I place

data-toggle="lightbox"

in themler?

Hi,

In the code of your widget content, add the lightbox attribute to the image tag. That can be done within your site admin panel.

Sincerely,
Hella

Last edited 03 March 2016 by Support Team

Hi Hella,

So I will have to add the attribute to each image separately? It is not possible to automatically add this to all the images in a widget area?

Kind regards,
Edwin

I aded Bootstrap native things to images in widges and none of them trigger Lightbox or Bootstrap Modal box.

And there is no difference in image code when Lightbox is activated for Post content and when deactivated. Absolutely none, zero, not in one letter. It is done in JS, not with a, img classes and data attributes, and I dont know how to make it work for widget images. Have no clue.

I'm wondering about all images that are not controlled by post content / lightbox. In artisteer there is a simple tag - class="art-lightbox" and it works great. I will add a 3rd party extension until this gets resolved.

Believe me there is no use of Bootstrap Lightbox / Modalbox. Get away from this and use some plugin. There are hundreds for this.

No slide between images, no click outside modal to close it.

The problem was that I'm using the acf wysiwyg field and that the lightbox attribute wouldn't be passed through to the images inside it. Not even when using a plugin.
I found this code and it works perfectly:

<?php $wysiwyg = get_field('field_name', false, false); echo apply_filters('the_content', $wysiwyg);  ?>

Now the lightbox attribute does get passed by the acf.