更改点击图片集 - Fotorama

Question

当我点击div时，有没有办法更改Fotorama中的图像？

例如，我有两个div，一个叫#NYPhotos，另一个叫#WAPhotos。当我点击div #NYPhotos时，Fotorama出现在它下方，显示我在纽约拍摄的照片。之后，当我点击#WAPhotos时，照片中的图片会被换成华盛顿的照片。

我能够将Fotorama与NY照片一起出现，但没有运气试图交换图像......有什么想法吗？

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。希望这有帮助！