HTML如何在避免在找不到图像的情况下显示一个破损的图像
发布网友
发布时间:2024-09-27 01:03
我来回答
共1个回答
热心网友
时间:2024-10-06 17:02
当我在一个网站上工作时,我正在根据当前页面的URL动态地加载一个图像。
由于确信我最终会忘记在未来创建一个图像,所以我研究如何避免出现通常的"破损的图像",即"这个网站被放弃了"。
我使用的技术是这样的:
<imgsrc="/{{$bookname}}.png"onerror="this.remove()"/>
提示:HTML中内联事件处理程序内的this,指的是"这个元素"
当然,最理想的方法是确保图像总是工作的。而这从很多角度来看都不是最优的。但这是一个使用平台功能的变通方法,因为我知道我可能不会注意到这一点,因为我是一个单独的开发者,我可能在意识到之前有一个破损的图像可见几个星期。
你可以做的另一件事是显示一个后备图像,如果你需要的话,以这种方式:
<imgsrc="/{{$bookname}}.png"onerror="this.onerror=null;this.src='fallback.png'"/>
this.onerror=null这里需要的是,如果找不到后备图片,就不会出现"无限循环"。
热心网友
时间:2024-10-06 17:02
当我在一个网站上工作时,我正在根据当前页面的URL动态地加载一个图像。
由于确信我最终会忘记在未来创建一个图像,所以我研究如何避免出现通常的"破损的图像",即"这个网站被放弃了"。
我使用的技术是这样的:
<imgsrc="/{{$bookname}}.png"onerror="this.remove()"/>
提示:HTML中内联事件处理程序内的this,指的是"这个元素"
当然,最理想的方法是确保图像总是工作的。而这从很多角度来看都不是最优的。但这是一个使用平台功能的变通方法,因为我知道我可能不会注意到这一点,因为我是一个单独的开发者,我可能在意识到之前有一个破损的图像可见几个星期。
你可以做的另一件事是显示一个后备图像,如果你需要的话,以这种方式:
<imgsrc="/{{$bookname}}.png"onerror="this.onerror=null;this.src='fallback.png'"/>
this.onerror=null这里需要的是,如果找不到后备图片,就不会出现"无限循环"。
HTML如何在避免在找不到图像的情况下显示一个破损的图像
你可以做的另一件事是显示一个后备图像,如果你需要的话,以这种方式:<imgsrc="/{{$bookname}}.png"onerror="this.onerror=null;this.src='fallback.png'"/> this.onerror=null这里需要的是,如果找不到后备图片,就不会出现"无限循环"。
做一个按键精灵的脚本,如何在找不到图片时、则延时。等待图片出现再来找...
加标记,如果找到2,则执行下一脚本,否则跳回标记重新判断。
html视频如何在没有播放状态下显示图像
<video preload="metadata"></video> //这样可以显示第一帧图片
html的img标签是如何使用的
分两种情况:1)、获取同一文件夹中图像当HTML文件和图像在同一个文件夹中时,像这样:我们可以直接在src属性中填写图像名称,如:<div class="demo"><h1>img标签</h1><img src="1.jpg" /></div>效果图:2)、在另一个目录/文件夹中,如:则可以像这样访问图像:<div class="demo"><h1>i...
如何在html中实现鼠标经过另一张图片时显示它
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的script>标签中,输入js代码:$('a').hover(function(){$('img').css('display','block');})3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。csshover用法?在...
怎么让按键精灵得到下一个图像时再进行下去 否则就等待直到图像出来
给个建议 找图不如多点抓色 你要找这张图 不如把这样图取多个颜色点来抓 这样准确很多 几乎100 按键精灵---全部命令 ---插件命令---颜色插件---FindMultiColorEx(这个里面右下角吧图片放进去 然后抓点 随便点个十来下就行了 然后点插入) 我下面给你写了一些解释 do Until x > 0 ((...
做了一个html网页 想在地址栏显示一个logo怎么办?
第一步,准备一个图标制作软件。首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.第二步,确定“收藏夹”图标的规格。在收藏夹里...
电脑老是弹出损坏的图像提示怎么处理?
1.先依据系统的提示,记住弹窗中出现的文件的路径。然后彻底删除软件(包括注册信息,也可以用其他安全辅助软件进行,还可以提供清理注册信息)。重头启动电脑后再把弹窗出现的文件的目录也给删除。最后重头下载软件并安装便可。2.损坏的图像这个弹窗的出现和一些大家自己下载到的不明文件有关。那样的话只要到...
在html页面中制作一个图像想要在鼠标指向这个图像时浮出一条提示信息...
如代码:<img src="图片路径" title="提示信息文字" />利用鼠标事件onmouseover,利用js,控制鼠标移入时候,上方会出现自己用CSS样式写出的想要表达的提示信息。优点:提示信息样式可以自己定义,个性化。缺点:比较复杂,需要web前端开发人员来做。没有html,css,js基础的人,不容易实现。参考:可以参考...
如何HTML5 在网页显示本机摄像头图像的问题
这样,imgData变量就存储了一长串的字符数据内容,表示的就是一个PNG图像的base64编码。因为真正的图像数据是base64编码逗号之后的部分,所以要让实际服务器接收的图像数据应该是这部分,我们可以用两种办法来获取。第一种:是在前端截取22位以后的字符串作为图像数据,例如:var data=imgData.substr(22)...