更改点击图像集 - 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。希望这有助于！