javascript - 将鼠标悬停在图像上时显示另一张图像

Question

我真的很喜欢这个纯CSS 画廊（解释）。

如何更改此代码，使其不会预加载鼠标悬停/悬停时显示的所有图片？我可以使用任何轻量级的javascript或类似的东西吗？（或简单的 wordpress 插件）。

重要的是，悬停时显示的图像就像上面的示例一样位于缩略图的正上方，并且它显示一个单独的图像（不调整大小）。

我已经搜索了好几天，但找不到任何相同的灯箱，所以希望有人可以帮助我，谢谢。

Answer 1

我只会使用 jquery，它看起来像，

<script>
$("thingtohover").hover(
function () {
$(this).append($("<span class='hovers'<img src=<'/path/to/img.jpg'")</span>);

},
,
function () {
$(this).find("span:last").remove();
}
</script>