你可以看到我的意思是: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