fancybox gallery将元素内容作为数组传递

时间:2011-07-11 15:46:06

标签: jquery gallery fancybox

我正在尝试模仿他们在示例中设置图库预览的方式。他们将静态图像构建为fancybox调用内的数组。我一直在尝试用隐藏的div $("#imgGallery").html()替换该数组,该div具有相同的html,包括引号和所有内容。但无法得到fancybox。

如何将$(“#imgGallery”)。html()内容作为数组传递给$ .fancybox()调用。

 $("#manual2").click(function() {
        $.fancybox([
            'http://farm5.static.flickr.com/4044/4286199901_33844563eb.jpg',
            'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
            {
                'href'  : 'http://farm5.static.flickr.com/4005/4213562882_851e92f326.jpg',
                'title' : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
            }
        ], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    });

1 个答案:

答案 0 :(得分:0)

我使用以下代码进行管理:

$.fancybox(
            [{ href: '/images/title1.png', title: 'title1'},
            { href: '/images/title2.png',title: 'title2'}],
            {
                'padding': 0,
                'transitionIn': 'none',
                'transitionOut': 'none',
                'type': 'image',
                'changeFade': 0,
                'titlePosition': 'inside',
                'titleFormat': formatTitle
            });
    });

function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<div></span>' + (title && title.length ? '<b>' + title + '</b>' : '') + '<br/>image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
}