单击时更改图像集- 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即可。希望这能有所帮助！