Javascript 没有缩略图的Fancybox图库

Javascript 没有缩略图的Fancybox图库,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,我正在使用FancyBox,我想在页面上创建一个没有缩略图的图库 我有一组图像: http://blabla/image1.jpg http://blabla/image2.jpg http://blabla/image3.jpg 我有一个跨度元素: <span style="text-decoration: underline">click to view gallery</span> 单击以查看图库 我不需要在页面上显示任何缩略图,我只想在用户单击span时将它

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

我有一组图像:

http://blabla/image1.jpg
http://blabla/image2.jpg
http://blabla/image3.jpg
我有一个跨度元素:

<span style="text-decoration: underline">click to view gallery</span>
单击以查看图库
我不需要在页面上显示任何缩略图,我只想在用户单击span时将它们显示为FancyBox图库。我需要一些javascript FancyBox启动代码,我在谷歌上搜索到,但似乎没有这方面的功能(???)


最好的办法是什么?谢谢

将单击事件附加到该范围

<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>
单击以查看图库
$(“#myspan”)。单击(函数(){
$.fancybox([
'http://blabla/image1.jpg',
'http://blabla/image2.jpg',
'http://blabla/image3.jpg'
], {
“填充”:0,
“transitionIn”:“无”,
“transitionOut”:“无”,
“类型”:“图像”,
“changeFade”:0
});
});