问题标签 [image-fallback]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 禁用javascript时的noscript图像
我通过 W3 验证器运行我的代码。
它给了我这个错误:
“在此上下文中,不允许将元素 noscript 作为元素图片的子元素。(抑制此子树中的进一步错误。)”
如何改进代码以避免在元素中出现?
html - 在不受支持的浏览器中,动画 PNG (APNG) 回退到 gif?
因此,对于不受支持的浏览器,显然 APNG 会退回到第一帧
但是有没有办法让它在不受支持的浏览器中回退到 gif,就像我们为 webP 做的那样?
javascript - 当背景图像为空时回退背景颜色
创建一个React
组件,我试图在其中使用css
属性background-color
来回退,background-image
因为我可以在此处null
看到 SO 帖子之一。该代码仅在有任何图像时才有效,但当没有图像时它不会回退并显示错误。我错过了什么?background-color
undefined:1 GET http://localhost:3000/undefined 404 (Not Found)
[更新错误跟踪]
我只能看到如下所示的错误:
这个错误是因为代码试图处理image
由于null
值而失败的,因此不会回退到bacground-color
?
wordpress - 404 图像的 WordPress 后备
如何为未找到的图像创建正确的 Wordpress(php) 404 后备。JS 方法不适合,因为 SEO Auditors 只解析 html,仍然存在 404 错误https://prnt.sc/vha4og。
所以请不要建议这样的代码 - 它不能解决问题:
<img src="<?php echo esc_url( $catalog_thumb_image['url'] ); ?>" onerror="this.src='https://site.md/wp-content/uploads/2018/07/logo.png'" alt="<?php esc_attr( the_title() ); ?>">
或通过 jquery
html - 响应式图像,多图像/格式延迟加载的图片元素
需要帮助/正确的方法来使用lazysizes-aFarkas 在图片元素中实现响应式图像和多种文件格式。示例代码如下:
感谢任何帮助:)
html - 使用 webp 角度的后备图像
这种在角度中使用后备图像的方法是否适用于所有浏览器。它似乎适用于浏览器,但不确定如何检查不支持 webp 的浏览器。我知道他们是另一种类似这样的方法
但这似乎无法正常工作,因为我将此片段从打字稿文件附加到 html 并始终呈现我在 img 标记中提供的 src。
那么任何人都可以判断第一种方法是否正确以及如何检查回退是否在不支持 webp 的浏览器中正常工作的任何指针