Hi There,
Thank you for writing in, but that is the lightbox tutorials that you need
I’ll make it simpler; two things or should I say shortcodes you need here. First is the lightbox shortcode, you can place it on a RAW Content element.
[lightbox selector=".lbx"]
This is a way of telling the page that you have a lightbox content, and that selector
is kind of identifier that tells that this lightbox shortcode is for this images or set of images/videos.
Then the Image shortcode:
[image src="YOUR THUMBNAIL IMAGE URL HERE" link="true" href="YOUR FULL SIZE IMAGE URL HERE" lightbox_video="false" class="lbx"]
Notice the class lbx
(of course that can be anything depends on what selector you assigned) on the lightbox shortcode. That is how you link an image to a lightbox. That’s it.
Here is a live example, you can place it on a RAW Content element or Text element.
[image src="https://lh5.ggpht.com/oJIe2jiC5ABBNqfOwq4ChlA4_v2Wo431AiJJEPy06t6nf6Pa4sPkI1gQUt6yT-qwaQ0=h310" link="true" href="https://www.petmd.com/sites/default/files/petmd-cat-happy-10.jpg" lightbox_video="false" class="lbx"]
[lightbox selector=".lbx"]
Hope it helps,
Cheers!