jQuery按需加载图像

Question

我正在尝试按需加载图像，以防止下载不需要的图像。我正在使用 jQuery。到目前为止，这是我想出的：

$('#region_image').attr({'src':'/images/'+e.key+'.jpg'}).load(function(){
    $(this).fadeIn();
});
// e.key is the name of the image I want to load now.

使用这个有什么注意事项吗？

编辑：

警告编号。 1：

在循环中绑定加载事件时，记住下次运行时会绑定两次。

警告编号。 2：

尝试加载的图像必须始终存在，或者错误处理应该到位。

Answer 1

有一个不错的库：JAIL

如果所选图像可见并且在视口（矩形查看区域）内可见，则将下载它们。可以在触发事件（例如单击、鼠标悬停和滚动）后或在指定延迟后加载图像。建议在构建 DOM（准备好文档）之后调用 jail()。