http://fancyapps.com/fancybox/

http://fancybox.net/howto

There is a gallery of pictures. Doing the examples, setting the style "fancybox-thumb" after opening from the bottom of the image all the pictures appear in a reduced size.

But in my case, it is necessary to transfer an array of links to images. I do it like this:

$.fancybox.open( [ {href: "http://farm9.staticflickr.com/8507/8454547519_f8116520e1_m.jpg"}, {href: "http://farm8.staticflickr.com/7152/6394238505_c94fdd1d89_m.jpg"} ], {} )

But at the same time I can not add all the mini-images from below. How to do it?

A little bit here: http://jsfiddle.net/IVsevolod/w3by2/ (but there’s not all the styles seem to have downloaded)

    1 answer 1

    The question is old, but nonetheless:

     $("#xx").click(function(){ $.fancybox.open([ {href: "http://farm9.staticflickr.com/8507/8454547519_f8116520e1_m.jpg"}, {href: "http://farm8.staticflickr.com/7152/6394238505_c94fdd1d89_m.jpg"} ], { helpers: { thumbs : { width : 50, height : 50 } } }); });

    In the options, you immediately asked thumbs , while the settings for thumbnails must be specified in helper -e.

    Example: JSFiddle

    • Thanks :) always come in handy, you need to know) - IVsevolod
    • not at all :) - Pavel Azanov