2015-04-03 38 views
1

我正在放置一個涉及一個燈箱(fancybox 2)的網站。它效果很好。我爲客戶做出的一個改變是在CSS中,以便前後箭頭始終「可見」,而不是隻在懸停在盒子上時。似乎讓它更直觀。我如何結束循環回Fancybox 2開始

我現在想知道的是如何改變它,以便當一個人打開fancybox時,只有一個下一個箭頭,直到第二個(和後續)圖片打開 - 並且只有當前一個箭頭到最後?換句話說,我如何讓它不會回到第一張照片?我進入js文件並將循環更改爲「false」,但似乎並沒有這樣做。

這裏的任何人都熟悉如何做到這一點?

這是一個鏈接到網站。如果你點擊第四個縮略圖並點擊圖片,你會看到我的意思。我希望它是單向的,不是循環的,或者循環回到第一個。

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

任何幫助表示讚賞!

戴夫

回答

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 JSCSS文件,但在自己的自定義腳本/ css文件(及配售做這些改變他們在加載fancybox文件後)

+0

謝謝,JFK。我在正確的軌道上,只是一個逗號,而不是正確的。但是,是的,你的答案是現貨! – daveharrison 2015-04-15 03:44:47