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.

使用它有什么警告吗？

修改

Caveat Nr。 1：

在循环中绑定load事件时，请记住它将在下次运行时绑定两次。

Caveat Nr。 2：

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

Answer 1

有一个很好的图书馆：JAIL

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