图片不能显示或者未加载完成时候设置默认加载图片

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

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

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'    //设置默认图片地址
        });

 

posted @ 2017-06-15 18:57  moumou0213  阅读(1086)  评论(0编辑  收藏  举报