如何在Google Map标记上放置FancyBox幻灯片？

Question

我使用此javascript在Google地图标记上弹出一个fancyBox：

            google.maps.event.addListener(marker1, 'click', function() {
            $.fancybox({
              href: 'img/2b.jpg'
              // other options

                });     
            });

工作正常。

以下是一个例子：

http://jsbin.com/ANuyojoW/9/edit

但我不知道如何放置幻灯片而不是简单的图像。 你知道我怎么能这样做吗？

非常感谢！

Answer 1

您可以在fancybox脚本中设置图库（幻灯片），如：

$.fancybox([{
    href: "http://farm4.staticflickr.com/3712/9032543579_1217e6566b_b.jpg",
    title: "fist title"
}, {
    href: 'http://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Tootsi_jaamahoone.jpg/800px-Tootsi_jaamahoone.jpg',
    title: "second title"
}, {
    href: "http://farm4.staticflickr.com/3818/9036037912_83576fe5ab_b.jpg",
    title: "third title"
}], {
    // API other options
    padding: 0 // optional
}); // fancybox