jQuery按需加载图片

我正在尝试按需加载图像，以防止下载不需要的图像。 我正在使用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：

尝试加载的映像必须始终存在，或者应该进行error handling。

Answer 1

有一个很好的图书馆： JAIL

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