我正在使用此延迟加载jQuery脚本(http://www.appelsiini.net/projects/lazyload)来在图像出现在视口中时延迟加载图像,但是我想运行一些javascript /样式来为加载的新的完整图像设置样式。
加载图像后如何运行javascript?
最佳答案
jQuery Lazy Load plugin有一个名为
出现后,每张图片一旦加载就会触发。像这样使用它,例如在图像加载后在图像上放置一个红色边框(回调中的此指向原始DOM img对象):
$(document).ready(function () {
$("img").lazyload({
appear: function () {
//Image is loaded. Put javascript here.
this.style = "border: 1px solid red";
}
});
});
尽管我会说,如果您想为图像添加样式,则应改用CSS。但是在某些情况下,您实际上可能想在图像加载时触发javascript,这似乎是使用惰性加载插件的方式:)