Jquery CSS图像库修改

我正在创建一个活动网站，其中显然包括一个活动日历。我用这个例子来展示画廊、悬停效果等等

但是，我想修改上面的示例，这样当您单击缩略图时，放大的图像会一直保留，直到您单击另一个缩略图等

---

给定示例中的代码，我将如何进行此操作？没有jQuery/Javascript是否可能？

您需要使用Javascript来实现这一点

该示例使用

：hover

来实现此效果。不幸的是，需要页面来“记住”一些东西。CSS本身无法做到这一点

---

您需要将

：hover

声明中包含的样式复制到一个类，然后将该类指定给鼠标悬停的元素。这也意味着当另一个项目悬停时，您必须从该项目中删除该类。

将CSS中的

.thumbnail:hover span

样式更改为类似

。thumbnail\u单击span

并添加此jQuery代码：

$(document).ready(function() {
    $('.thumbnail').click(function() {
        var cname = 'thumbnail_clicked';
        $(this).addClass(cname).siblings().removeClass(cname);
    });
});

---

嗯。。有道理！谢谢你的回复！不过，我必须先在Javascript上更新自己。哈哈：）你太棒了！非常感谢你！不客气，别忘了接受你最喜欢的答案。