Image Popup

Fancybox 2.1.5 is nice tool that offers a nice way to add zooming functionality for images. The basic structure is given below

1. HTML code

<a class="fancybox" rel="works" title="Write Your Image Caption Here" href="img/works/item-2.jpg"><i class="fa fa-eye fa-lg"></i></a>

class fancybox for popup and href image path is to popup the image.

2. Initialize the fancybox in jQuery

$(".fancybox").fancybox({  
 padding: 0,

 openEffect : elastic,  
 openSpeed : 650,

 closeEffect : elastic,  
 closeSpeed : 550,

 closeClick : true,  
});  

know more about fancybox setting in this link – http://fancyapps.com/fancybox/