jQuery按需加载图像

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

是否有任何警告使用此？

编辑：

买者NR。 1：

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

警告号码。 2：

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

来源

2011-12-11 Lg102

如果您使用的是比1.5.x更新的jQuery版本，您应该使用“.prop（）”而不是“.attr（）”。 – Pointy

下面是一个有趣的基于CSS的技术来执行相同的操作 - 按需加载图像。 http://podlipensky.com/2013/06/css-only-load-images-on-demand/ –

这是一个很好的库：如果我们能看到它们JAIL

选择图像将被下载，当他们视口（矩形视区）内可见。图像可以在触发事件（例如点击，鼠标悬停和滚动）之后或在指定的延迟之后加载。建立DOM后（文档准备就绪），建议调用jail（）。

来源

2011-12-11 14:44:34 mengxy

jQuery按需加载图像

回答

相关问题