你可以看到我的意思是:http://petrichordesign.com/photo。如果你点击链接(在这种情况下,“Bulge战役,沃尔夫的池塘公园”),它会正确显示幻灯片,但是,我已将循环设置为false,但可以从开始时你可以看到第一个图像,当循环为真时(1-2-3-4-1-2-1-2-3-4)也是如此,下面是一些代码。Fancybox重复第一个和最后一个图像
$(document).ready(function() {
$("a.fancybox").fancybox({
'mouseWheel' : true,
'openEffect' : 'elastic',
'closeEffect' : 'elastic',
'nextEffect' : 'fade',
'prevEffect' : 'fade',
'openOpacity' : true,
'closeOpacity' : true,
'loop' : false,
});
});
的HTML(这是漫长的,抱歉)
<div class="slide"><img src="images/alison.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Alison" href="images/alisonlarge.jpg">Alison</a></span></div>
<div class="slide"><img src="images/crane.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Crane" href="images/cranelarge.jpg">Crane</a></span></div>
<div class="slide"><img src="images/vinnyangela.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Vinny, Angela, and Jess (Double Exposed)" href="images/vinnyangelalarge.jpg">Vinny, Angela, and Jess (Double Exposed)</a></span></div>
<div class="slide"><img src="images/kellie.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Kellie" href="images/kellielarge.jpg">Kellie</a></span></div>
<div class="slide"><img src="images/concourse.jpg" width="825" height="378" alt="" /><span><a class="fancybox" rel="portfolio" title="Concourse, SUNY New Paltz" href="images/concourselarge.jpg">Concourse, SUNY New Paltz</a></span></div>
如果你需要别人知道什么,让我知道。在此先感谢!
Regards