我正在尝试fancybox 2,我已经删除了箭头,关闭按钮和循环,并启用了nextclick.我想要超级干净,易于使用.
我现在遇到的问题是我点击图库,但是当我点击最后一张幻灯片时,我希望它关闭,而它没有 – 点击图片不会做任何事情.
我的猜测答案是通过类添加自我关闭动作,如下所示:
<a class="gallery1 closeaction" href=...
但我真的不知道.我认为这种事情会在演示中,但我找不到类似的东西.
救命?
解决方法
使用beforeShow回调的代码应该可以解决这个问题:
$(document).ready(function() { $(".fancybox").fancybox({ arrows: false,closeBtn: false,loop: false,nextClick: true,beforeShow: function() { var groupLength = this.group.length; var thisIndex = this.index + 2; // index starts at "0" $(".fancybox-image").on("click",function() { if (thisIndex > groupLength) { $.fancybox.close(); } else { thisIndex++; } }); } }); // fancybox }); // ready
见DEMO