更改點擊圖像集 - Fotorama

Question

有沒有方法可以在單擊div時更改Fotorama中的圖像？

例如，我有兩個div，一個叫#NYPhotos，另一個叫#WAPhotos。當我點擊div＃NYPhotos時，Fotorama出現在它下面，顯示我在紐約拍攝的照片。之後，當我點擊#WAPhotos時，fotorama中的圖像被換成華盛頓的照片。

我能夠使Fotorama與紐約的照片出現，但沒有運氣試圖交換圖像......任何想法？

Answer 1

首先，我建議你閱讀這個問題的答案，這應有助於：How to change an image on click using CSS alone?

如果你不想讀了那麼基本上其主要思想是：

input[type="checkbox"]:before { 
    content: url('images/icon.png'); 
    display: block; 
    width: 100px; 
    height: 100px; 
} 
input[type="checkbox"]:checked:before { 
content: url('images/another-icon.png'); 
} 

只是使每個部分使用CSS的div。希望這有助於！