Fancybox重複第一個和最後一個圖像

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

來源

2012-01-08 user1136830

如引用Fancybox API中所述，使用引號將'loop'鍵更改爲'cyclic'。

$(document).ready(function() { 
    $("a.fancybox").fancybox({ 
     'mouseWheel' : true, 
     'openEffect' : 'elastic', 
     'closeEffect' : 'elastic', 
     'nextEffect' : 'fade', 
     'prevEffect' : 'fade', 
     'openOpacity' : true, 
     'closeOpacity' : true, 
     'cyclic'  : false, // 'loop' to 'cyclic' 
    }); 
});

來源

2012-01-08 08:04:22 user824294

將一個div以防萬一吧，爲我工作;）

像這樣：

<div> 
    <div class="slide">...</div> 
    <div class="slide">...</div> 
</div>

來源

2013-01-20 12:19:00

Fancybox重複第一個和最後一個圖像

回答

相關問題