I need to create FANCYBOX gallery like here: example link

Please give me documentation link where described such example and link for downloading according version.

closed as too broad by Manoj Deswal, Prince Patel, Ben Crook, Murtuza Zabuawala, Amit Bera Nov 6 '17 at 18:09

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • Please approve answer if it is useful. So, other people can use this code. @John – Rohan Hapani Nov 4 '17 at 4:20

First you need to load jQuery and fancybox to your page:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>

After add link to the image which you want to display in fancybox :

<a href="http://www.yoursite.com/large-image-name.jpg" class="various"><img src="http://www.yoursite.com/small-image-name.jpg" /><a>

now you need to run fancybox

jQuery(document).ready(function() {
        maxWidth      : 450,
        maxHeight     : 350,
        fitToView     : false,
        width         : '70%',
        height        : '70%',
        autoSize      : false,
        showNavArrows : true,
        openEffect    : 'none',
        closeEffect   : 'none'

Use this extension for fancy box gallery

This may help


Not the answer you're looking for? Browse other questions tagged or ask your own question.