Hi. How can we help?

Lightbox

14 Mar 2018 in: Shortcodes

Basic

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="https://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.