如何使用fancyBox創建幻燈片？

Question

我已經創建了兩個圖像畫廊在http://www.spanish-bookworld.com/fancybox_demo.html

缺乏像「下一步」按鈕，當鼠標不超過它讓我擔心。我的觀衆非常電腦文盲，他們中的大多數人不會看到畫廊中有更多圖像。

我估計我有兩個選擇。一種是在圖像上永久保留一個下一個按鈕，另一個是幻燈片。

不幸的是我不知道如何編碼解決方案。

任何線索？謝謝。

Answer 1

正如fancybox文檔在其按鈕示例（http://jsfiddle.net/Xh3B2/）中所述，您應該嘗試將fancybox navigaton上的CSS設置爲可見（然後使用CSS設置其位置）。

對於您的示例，您應該首先使用這種CSS設置始終可見的導航，然後設置下一個/上一個按鈕的位置。

.fancybox-nav { 
width: 60px;  
} 
.fancybox-nav span { 
visibility: visible; 
opacity: 0.5; 
} 
.fancybox-nav:hover span { 
opacity: 1; 
} 
.fancybox-next { 
right: -60px; 
} 
.fancybox-prev { 
left: -60px; 
} 

對於幻燈片選項，你應該設置你的fancybox腳本「將autoPlay = true，將默認值設置爲‘假’，這使幻燈片禁用。