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:

在循环中绑定(bind)加载事件时，请记住它将在下次运行时绑定(bind)两次。

警告编号。 2:

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

Answer 1

有一个很好的库:JAIL

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