图片加载失败或默认图片

最新推荐文章于 2025-11-12 09:28:08 发布

原创最新推荐文章于 2025-11-12 09:28:08 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

9 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于遍历页面上的所有图片元素，并根据图片的高度设置不同的默认图片路径。当图片加载失败或尺寸不正确时，将显示特定的占位图。

直接上马

$('img').each(function(k,i) {
                if($('img').eq(k).height()<200){
                    if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                        this.src = '/Public/Main/images/no-image.jpg';
                    }
                }else{
                    if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                        this.src = '/Public/Main/images/error-image.jpg';
                    }
                }
        });

直接放在相应的js文件下就Ok了