如果源标记中指定的图像丢失,如何添加后备图像?例如
<picture>
<source srcset="image.webp 1x, image@2x.webp 2x" type="image/webp">
<img srcset="image.jpg 1x, image@2x.jpg 2x" src="image.jpg" onerror="this.onerror=null;this.srcset='not-found.jpg 1x, not-found@2x.jpg 2x'">
</picture>
Run Code Online (Sandbox Code Playgroud)
如果 image.webp 丢失,我如何显示后备图像?onerror="this.src='fallback.jpg'"如果浏览img器不支持 webp 图像,则放置标签source可以工作,但如果我将该代码放在标签上则不起作用
编辑
更新了代码,它现在可以在不支持 webp 图像(safari)的浏览器上运行,但我仍然无法显示not-found.webp其他浏览器的图像
在我的应用程序中,我有一个分页网格,当我单击一个列进行排序时,它只对当前页面进行排序.如何对整个商店进行排序,然后将其拆分为多个页面?我可以覆盖排序函数,将额外的参数发送到php脚本,将我的数据库转换为json存储并编辑查询添加一个ORDER BY extraparam?