Question

我正在整理一个涉及灯箱的网站（fancybox 2）。它很棒。我为客户做出的一个改变是在CSS中，以便前一个和下一个箭头是＆＃34;可见＆＃34;所有的时间，而不是只有当盘旋在盒子上时。似乎使它更直观。

我现在想知道的是我怎么能改变它，以便当一个人打开花式框时，只有一个NEXT箭头，直到第二个（和后续的）图片打开 - 并且当一个人到达时只有一个上一个箭头结束？换句话说，如何让它不循环回到第一张图片？我进入了js文件并将循环更改为＆＃34; false＆＃34;，但这似乎没有做到这一点。

这里有人熟悉如何实现这个目标吗？

这是指该网站的链接。如果您单击第四个缩略图并单击图片，您将看到我的意思。我希望它是单向的，而不是循环的或循环的＃34;回到第一个。

任何帮助表示赞赏！

戴夫

Answer 1

此CSS使箭头永久可见

.fancybox-nav span {
  visibility: visible;
}

...并在您的API选项中将loop设置为false，例如

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        // API options
        loop : false
    }); // fancybox
}); // ready

...会让fancybox在图库的第一项中仅显示next 箭头，而只显示prev 箭头而在最后。

参见 JSFIDDLE

注意您不必更改原始fancybox js 或 css 文件，而是在您自己的自定义脚本中执行这些更改/ css文件（并在加载fancybox文件后放置它们）