jQuery LightBox

(Very Good Images from unsplash.it)

To use, include the lightbox.css file in your <head> (like this):

<link href="css/lightbox.css" rel="stylesheet" type="text/css" />

Then add the LightBox JS file and initialise it (like so):

<script type="text/javascript"> $(document).ready(function(){ $('.lightBox').lightBox(); }); </script>

You can also add a caption to the image by adding a title attribute on the anchor (thusly):

<a href="https://unsplash.it/1280/720?image=456" class="lightBox" title="Your title here">