问题标签 [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.

0 投票
0 回答
48 浏览

javascript - 禁用javascript时的noscript图像

我通过 W3 验证器运行我的代码。

它给了我这个错误:

“在此上下文中,不允许将元素 noscript 作为元素图片的子元素。(抑制此子树中的进一步错误。)”

如何改进代码以避免在元素中出现?

0 投票
1 回答
779 浏览

html - 在不受支持的浏览器中,动画 PNG (APNG) 回退到 gif?

因此,对于不受支持的浏览器,显然 APNG 会退回到第一帧

但是有没有办法让它在不受支持的浏览器中回退到 gif,就像我们为 webP 做的那样?

0 投票
1 回答
416 浏览

javascript - 当背景图像为空时回退背景颜色

创建一个React组件,我试图在其中使用css属性background-color来回退,background-image因为我可以在此处null看到 SO 帖子之一。该代码仅在有任何图像时才有效,但当没有图像时它不会回退并显示错误。我错过了什么?background-colorundefined:1 GET http://localhost:3000/undefined 404 (Not Found)

[更新错误跟踪]

我只能看到如下所示的错误:

在此处输入图像描述

这个错误是因为代码试图处理image由于null值而失败的,因此不会回退到bacground-color

0 投票
1 回答
128 浏览

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

0 投票
1 回答
66 浏览

html - 响应式图像,多图像/格式延迟加载的图片元素

需要帮助/正确的方法来使用lazysizes-aFarkas 在图片元素中实现响应式图像和多种文件格式。示例代码如下:

感谢任何帮助:)

0 投票
0 回答
127 浏览

html - 使用 webp 角度的后备图像

这种在角度中使用后备图像的方法是否适用于所有浏览器。它似乎适用于浏览器,但不确定如何检查不支持 webp 的浏览器。我知道他们是另一种类似这样的方法

但这似乎无法正常工作,因为我将此片段从打字稿文件附加到 html 并始终呈现我在 img 标记中提供的 src。

那么任何人都可以判断第一种方法是否正确以及如何检查回退是否在不支持 webp 的浏览器中正常工作的任何指针