00%
images loaded

Tera Lightbox

How it works

To add a lightbox item, make sure you have a link with a working image or video url inside the "href" attribute and the .lightbox class added. Like this:

<a href="image/path/image.jpg" class="lightbox">
	// Your thumbnail image
</a>     

Lightbox gallery

For any existing lightbox image on a page, the Lightbox script will automatically generate a lightbox gallery which is infinite.

Videos

You can also add MP4, YouTube and Vimeo embed links.

Note: this is not the url of the YouTube video page or Vimeo video page, but looks like this:

YouTube

For YouTube us the video ID from the video URL, like this: https://www.youtube.com/embed/<VIDEO_ID>

Vimeo

For Vimeo us the video ID from the video URL, like this: //player.vimeo.com/video/<VIDEO_ID>

You can see examples of the embed links inside the index.html. No need to add additional classes (other than .lightbox). The lightbox script will automatically see if it's a Vimeo or YouTube link and will act like one.

Mp4

For Mp4 videos, just link to the mp4 video inside the href and it will automatically recognize that it's an mp4.

Next up: Titan Slider