如何使用jQuery将img更改为amp-img?

ecos301

加速移动页面(AMP)项目

原版的

<div class="thumbnail"> 
 <img src="MyImage.jpg" alt="an image"/>
</div>

结果

<div class="thumbnail">
 <amp-img src="MyImage.jpg" width="1080" height="610" layout="responsive" alt="an image"></amp-img>
</div>

如何使用jQuery?

诺里哈兹梅(Norlihazmey Ghazali)

使用.replaceWith()API替换内容:

$('.thumbnail').find('img').replaceWith(function () {
   return '<amp-img src="'+this.src+'" width="1080" height="610" layout="responsive" alt="'+this.alt+'"></amp-img>'
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用js将<svg>标签更改为<img>标签?

来自分类Dev

onClick将img更改为新img并恢复为原始

来自分类Dev

使用CSS将Img Src更改为父A href

来自分类Dev

如何使用jQuery更改多个img srcs

来自分类Dev

如何使用 amp-img 将 webp 回退到 jpg?

来自分类Dev

更改img单击img上的img src

来自分类Dev

使用属性转换将 HTML5 img 转换为 AMP amp-img

来自分类Dev

使用jQuery重叠img

来自分类Dev

IsInViewport一次将img更改为gif

来自分类Dev

将 img 和样式更改为折叠体上方的元素

来自分类Dev

将启动画面 img 更改为 mp4

来自分类Dev

jQuery如何更改img src路径onclick?

来自分类Dev

lxml-如何将img src更改为绝对链接

来自分类Dev

如何使用JavaScript更改img src?

来自分类Dev

如何使用innerHTML通过类更改img

来自分类Dev

如何使用javascript更改img的来源

来自分类Dev

在Photoshop中将灰度img更改为黑白

来自分类Dev

当我知道 <img> id 时如何更改 <img> 的 src?

来自分类Dev

使用CSS将img居中

来自分类Dev

使用jQuery修改img src

来自分类Dev

jQuery $('img [alt]')与$('img')。attr('alt')?

来自分类Dev

辅助img下的positiong img

来自分类Dev

从平铺的 img 创建单个 img

来自分类Dev

无法在amp-mustache中使用amp-img?

来自分类Dev

使用jquery / php / html使用fileupload值更改img src

来自分类Dev

在jQuery中替换“ img”

来自分类Dev

jQuery img类叠加

来自分类Dev

如何使用 .img.xz 文件或从中获取 .img 文件?

来自分类Dev

jQuery / Javascript使用IF / ELSE语句更改img SRC