一般做网页的时候都要设置默认加载图片,这样就可以在图片无法显示或者是图片没有加载完成的时候显示默认图片代替,

这样的话可以让页面没有那么难看,总结了两种方法来实现默认图片的显示:

1:只用onerror事件

 

    $("img").one("error", function(e){
             $(this).attr("src", "toyo_default.png");
        });

 

或者直接用行内式:<img src=”ab_baner.png” onerror=”this.src=\’toyo_default.png\'”>

 

2:使用懒加载(预加载)设置参数

 

    $("img.lazy").lazyload({
            threshold : 200,
            placeholder: \'<?= $resource_url ?>api/images/more/toyo_default.png\'    //设置默认图片地址
        });

 

版权声明:本文为moumou0213原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/moumou0213/p/7019475.html