Jquery 将滚动img替换为src img onclick

我想知道如何使用滚动/悬停状态对图像进行编码，这样当单击图像时，即使光标不在img上，滚动状态也会保持不变。还有另一个，兄弟姐妹 1滚动图像，它显示数据滚动状态，除非它已被单击，因此在滚动到数据滚动状态时不会更改

2单击图像，它将src交换到数据滚动src

3所有其他.同级映像将恢复到其原始src状态

---

希望这是有意义的！谢谢

我还假设，由于我的所有翻滚图像都是以-rollover.png扩展名命名的，如果有一个脚本只调用在img src上添加-rollover.png扩展名，那么数据翻滚将是不必要的。但是当.sibling图像返回到non-rollover.png状态时，图像需要保留。

$('img').hover(function(){
var e = $(this);
e.data('originalSrc', e.attr('src'));
e.attr('src', e.attr('data-rollover'));
}, function(){
var e = $(this);
e.attr('src', e.data('originalSrc'));
});

<img id="button-all" src="images/button-all.png" data-rollover="images/button-all-rollover.png" />
<img id="button-adverts" src="images/button-adverts.png" data-rollover="images/button-adverts-rollover.png" />
<img id="button-musicvideos" src="images/button-musicvideos.png" data-rollover="images/button-musicvideos-rollover.png" />
<img id="button-films" src="images/button-films.png" data-rollover="images/button-films-rollover.png"/>