用文本替换损坏的图像
Replace Broken image with text
是否可以用简单的文字替换照片,以防 link 错误或照片不再可用?
<img id="CurrentPhoto" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Stack_Overflow_logo.svg/1200px-Stack_Overflow_logo.svg.png" onerror="this.src='https://www.Whosebugbusiness.com/hubfs/logo-so-white.png'" alt="">
使用此代码可以在损坏的情况下替换图像 link。但是,我希望我可以插入文字而不是第二张照片。例如,如果第一张照片不可用,则显示文本 "eg Whosebug"。
可能吗?哪位好心的小天使知道怎么帮帮我?
抱歉,我不知道如何打开澄清或修改初始 post。
我试着更好地解释自己。
我想让文本显示时没有未加载图像时出现的经典图标。只有文字。
使用 alt 属性是一个很好的解决方案,因为它是用来在图像未加载时显示的。
Whosebug 上已经有一个类似的问题:How to hide image broken Icon using only CSS/HTML?
答案不是公认的答案,但我认为使用纯 css.
是一种非常好的方法
代码很好,还有一个link如果你想查看源代码:https://bitsofco.de/styling-broken-images/
是否可以用简单的文字替换照片,以防 link 错误或照片不再可用?
<img id="CurrentPhoto" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Stack_Overflow_logo.svg/1200px-Stack_Overflow_logo.svg.png" onerror="this.src='https://www.Whosebugbusiness.com/hubfs/logo-so-white.png'" alt="">
使用此代码可以在损坏的情况下替换图像 link。但是,我希望我可以插入文字而不是第二张照片。例如,如果第一张照片不可用,则显示文本 "eg Whosebug"。
可能吗?哪位好心的小天使知道怎么帮帮我?
抱歉,我不知道如何打开澄清或修改初始 post。
我试着更好地解释自己。 我想让文本显示时没有未加载图像时出现的经典图标。只有文字。
使用 alt 属性是一个很好的解决方案,因为它是用来在图像未加载时显示的。
Whosebug 上已经有一个类似的问题:How to hide image broken Icon using only CSS/HTML?
答案不是公认的答案,但我认为使用纯 css.
是一种非常好的方法代码很好,还有一个link如果你想查看源代码:https://bitsofco.de/styling-broken-images/