LightBox is a plug-in we use to create image gallery with the image overlay effects. Like you must have Google for some images once in your life and on clicking on a particular image, the size of the image zooms out which we define as an overlay effect. Without wasting any time let's start our tutorial on how to use this LightBox plug-in.
You are required to add the "data-lightbox" attribute to an image link to enable the LightBox and the value to this attribute should be unique. But incase if there is a group of related images then assign same value to the data-lightbox attribute.
LightBox plug-in is supported on the following browsers : Internet Explorer 6 ,7, 8; Chrome, Safari, Firefox, iOS Safari, iOS Chrome, Android Chrome. For Internet Explorer 9+ you may download the "lightbox-plus-jquery.js" file which includes jQuery v2.x.
And that's it... your image gallery is ready. Hope you find this blog helpful.