javascript - 如何轻松禁用 fancybox 幻灯片？

Question

我是 jquery 插件的新手。

我在我的网站上添加了 jquery fancybox 插件，它运行完美，但我希望它只弹出我的图像而不滑动它们。

图片位于页面的不同部分，因此它们在逻辑上没有相互关联。

我正在使用此代码:

$('.fancybox').fancybox();

并且图像具有类“fancybox”

Answer 1

只需使用 class="fancybox" 从链接中删除 rel 属性即可

<a class="fancybox" href="01.jpg">image 01</a>
<a class="fancybox" href="02.jpg">image 02</a>

然后使用就可以使用这段代码

jQuery(document).ready(function () {
    $(".fancybox").fancybox();
});

参见JSFIDDLE