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

Question

我真的很喜欢这个纯CSS gallery（explanation）。

如何更改此代码，以便它不会预加载鼠标悬停/悬停时显示的所有图片？我可以使用任何轻量级的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>