没有缩略图的Fancybox画廊

Question

我正在使用FancyBox,我想在页面上创建一个没有缩略图的图库.

我有一组图像:

http://blabla/image1.jpg
http://blabla/image2.jpg
http://blabla/image3.jpg

我有一个span元素:

<span style="text-decoration: underline">click to view gallery</span>

我不需要页面上的任何缩略图,我只是希望它们在用户点击跨度时显示为FancyBox库.我需要某种javascript FancyBox启动代码,我用Google搜索,但似乎没有功能(???).

什么是最好的方式？谢谢!

Answer 1

将click事件附加到该范围

<span id="myspan" style="text-decoration: underline; cursor:pointer;">click to view gallery</span>

<script>
    $("#myspan").click(function() {
    $.fancybox([
            'http://blabla/image1.jpg',
            'http://blabla/image2.jpg',
            'http://blabla/image3.jpg'
        ], {
            'padding'           : 0,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'image',
            'changeFade'        : 0
        });
    });
</script>