Lightbox
14 Mar 2018 in: ShortcodesBasic
Single image lightbox
<a class="lightbox" href="images/wojo_aaa.jpg" alt="">
<img src="images/thumbs/wojo_aaa.jpg">
</a>
Image Gallery
Multiple images lightbox
<a class="lightbox" data-gall="gallery" href="images/wojo_aaa.jpg" alt="">
<img src="http://ckb.wojoscripts.com/uploads/images/thumbs/wojo_aaa.jpg">
</a>
<a class="lightbox" data-gall="gallery" href="images/wojo_aab.jpg" alt="">
<img src="images/thumbs/wojo_aab.jpg">
</a>
<a class="lightbox" data-gall="gallery" href="images/wojo_aac.jpg" alt="">
<img src="images/thumbs/wojo_aac.jpg">
</a>
<a class="lightbox" data-gall="gallery" href="images/wojo_aad.jpg" alt="">
<img src="images/thumbs/wojo_aad.jpg">
</a>
<a class="lightbox" data-gall="gallery" href="images/wojo_aae.jpg" alt="">
<img src="images/thumbs/wojo_aae.jpg">
</a>
For multiple images just assign unique name to data attribute data-gall
Other
Vimeo, Youtube and iFrame
Vimeo Video<a class="lightbox" data-type="vimeo" href="https://vimeo.com/221320648">Vimeo Video</a>
Using data-type attribute, you can open vimeo, iframe and youtube in lightbox.