1. Home
  2. Docs
  3. Brandi
  4. Image Popup

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
[code language=”html”]
<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>
[/code]

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

2. Initialize the fancybox in jQuery

[code language=”javascript”]
$(".fancybox").fancybox({
padding: 0,

openEffect : ‘elastic’,
openSpeed : 650,

closeEffect : ‘elastic’,
closeSpeed : 550,

closeClick : true,
});
[/code]

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

Was this article helpful to you? Yes No

How can we help?