html网页图片未加载完成或失败时显示默认图片

一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片,加载完成显示内容本身自己的图片。
html网页图片未加载完成或失败时显示默认图片 第2张插图

教程开始

首先在全局文件底部引入javascript

<script type="text/javascript"> 
    function imgerrorfun(){ 
        var img=event.srcElement; 
        img.src="图片地址"; //默认图片
        img.onerror=null; 
    } 
</script> 

把最下面代码加到img标签src地址后面就行了!
<img src="xxxx" 代码加到这 />

onerror="imgerrorfun();"
免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/3492.html

上一篇 2022-4-19 14:44
下一篇 2022-4-19 22:52

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

还没有评论,快来抢沙发吧!