Создать галерею с эскизами с помощью fancybox

Question

Во-первых, извините за плохой английский: -)

На моем небольшом веб-сайте я хотел бы показать пользователям галерею изображений с миниатюрами, используя Fancybox.Но на странице, открывающей fancybox, у меня нет ссылок на изображения.(потому что изображений много).

Итак, я попробовал что-то вроде этого:

$(document).ready(function() {              
    $.fancybox(
        [ 
            {href : 'rep/img01.jpg', rel : 'fancybox-thumb', class : 'fancybox-thumb'}, 
            {href : 'rep/img02.jpg', rel : 'fancybox-thumb', class : 'fancybox-thumb'} 
        ],
        {
            type : 'image',
            autoScale : true,
            prevEffect : 'none',
            nextEffect : 'none',
            thumbs: {
                width   : 50,
                height  : 50
            }
        }               
    );
});

Он открывает мою галерею, но без миниатюр :-( Надеюсь, я чист ...

Answer 1

Thumbs является подопцией опции helpers, поэтому ваш код должен быть похож на

$(document).ready(function () {
    $.fancybox([{
        href: 'rep/img01.jpg',
        rel: 'fancybox-thumb',
        class: 'fancybox-thumb'
    }, {
        href: 'rep/img02.jpg',
        rel: 'fancybox-thumb',
        class: 'fancybox-thumb'
    }], {
        // API options
        type: 'image',
        autoScale: true,
        prevEffect: 'none',
        nextEffect: 'none',
        helpers: {
            thumbs: {
                width: 50,
                height: 50
            } //  thumbs
        } //  helpers
    }); // fancybox
}); // ready