Trigger lightbox for images inserted manually with HTML

[user-4'33'']

Hi,
how can I trigger the Lightbox plugin to present images, that were inserted manually in the gridder with custom HTML? Here is the corresponding webpage.

<div class="swarmContainer">
    <img id="swarmPic1" src="link/to/image1.jpg">
    <img id="swarmPic2" src="link/to/image2.jpg">
</div>

Thank you very much and have a nice weekend!

[arminunruh]

images need to be in a div with data-type="img" and class col

so:

<div class="swarmContainer col" data-type="img">
    <img id="swarmPic1" src="link/to/image1.jpg">
    <img id="swarmPic2" src="link/to/image2.jpg">
</div>

and these images have to be inserted inside the gridder for example by using +more → +html in the gridder

why do you want to insert images manually?

[user-4'33'']

I did exact this but unfortunately it did not work... What could be missing?

I could not manage to align normal image inserts the way I wanted with custom ids and css, so I tried to insert the images with pure html and it worked...

[arminunruh]

ah i forgot something

[arminunruh]

<div class="swarmContainer col" data-type="img">
    <div class="img"><img id="swarmPic1" src="link/to/image1.jpg"></div>
    <div class="img"><img id="swarmPic2" src="link/to/image2.jpg"></div>
</div>

it also has to be inside a container with .img like above

[user-4'33'']

Did not work either :-(
No pictures are shown at all.
I also tried it with a new blank page and removed the swarmContainer class.

[arminunruh]

ok then probably it cant be done ://