我正在使用此延迟加载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,这似乎是使用惰性加载插件的方式:)

10-07 19:56
查看更多