如何讓Fancybox Next和Previous按鈕保持可見

Question

我正在使用fancybox來顯示一些圖像。目前當用戶懸停圖片時，會顯示下一個或上一個按鈕。但是，一些用戶在查看第一張圖像後實際上並沒有意識到並關閉了fancybox。

所以，我希望讓按鈕始終保持可見。但是，我不知道該怎麼做。我試圖改變fancybox css

#fancybox-left, #fancybox-right { 
position: absolute; 
bottom: 0px; 
height: 100%; 
width: 35%; 
cursor: pointer; 
outline: none; 
background: transparent url('blank.gif'); 
z-index: 1102; 
display: block; // Initially it was "none" 
    } 

但它不工作。

任何想法如何做到這一點？

感謝所有幫助...謝謝...

Answer 1

你需要添加CSS頁面上（初始CSS加載後） -

例如，這與添加到頁面你的fancybox，或者在你的fancybox css樣式表之後。

<style type="text/css"> 

#fancybox-left-ico { 
left: 20px; 
} 

#fancybox-right-ico { 
right: 20px; 
left: auto; 
} 

</style> 

就是這樣。

Answer 2

在你的fancybox css文件，發現這個類

.fancybox-nav span { 
position: absolute; 
top: 50%; 
width: 36px; 
height: 34px; 
margin-top: -18px; 
cursor: pointer; 
visibility:hidden; 
z-index: 8040; 
    } 

簡單地去掉「可見性」屬性，按鈕將是可見的所有的時間。通過這樣做，你就沒有風格的標籤添加到您的HTML :)

Answer 3

內聯CSS聲明：

.fancybox-nav span { 
    visibility: visible !important; 
}