没有缩略图的 Fancybox 画廊答案

【问题标题】：Fancybox gallery without thumbnails没有缩略图的 Fancybox 画廊
【发布时间】：2011-08-15 15:51:40
【问题描述】：

我正在使用 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 上搜索过，但似乎没有相应的功能 (???)。

最好的方法是什么？谢谢！

【问题讨论】：

标签： javascript jquery fancybox

【解决方案1】：

将点击事件附加到该范围

<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>

【讨论】：