我如何结束循环回Fancybox 2开始

Question

我正在放置一个涉及一个灯箱（fancybox 2）的网站。它效果很好。我为客户做出的一个改变是在CSS中，以便前后箭头始终“可见”，而不是只在悬停在盒子上时。似乎让它更直观。

我现在想知道的是如何改变它，以便当一个人打开fancybox时，只有一个下一个箭头，直到第二个（和后续）图片打开 - 并且只有当前一个箭头到最后？换句话说，我如何让它不会回到第一张照片？我进入js文件并将循环更改为“false”，但似乎并没有这样做。

这里的任何人都熟悉如何做到这一点？

这是一个链接到网站。如果你点击第四个缩略图并点击图片，你会看到我的意思。我希望它是单向的，不是循环的，或者循环回到第一个。

http://www.watercolorsplus.com/New/landscapes.html

任何帮助表示赞赏！

戴夫

Answer 1

这个CSS制作箭永久可见

.fancybox-nav span { 
    visibility: visible; 
} 

...和喜欢

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

设置loop在API选项false ...会使到的fancybox只显示next箭头而在画家的第一项y并且仅在最后一次使用prev箭头。

见JSFIDDLE

注意，你不必改变任何原有的fancybox JS或CSS文件，但在自己的自定义脚本/ css文件（及配售做这些改变他们在加载fancybox文件后）