Как изменить img на amp-img с помощью jQuery?

Проект ускоренных мобильных страниц (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?


image jquery amp-html
person ecos301    schedule 29.02.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Используйте API .replaceWith() для замены содержимого:

$('.thumbnail').find('img').replaceWith(function () {
   return '<amp-img src="'+this.src+'" width="1080" height="610" layout="responsive" alt="'+this.alt+'"></amp-img>'
});
person Norlihazmey Ghazali    schedule 29.02.2016
comment
как вы можете использовать jquery на страницах amp, я искал это, пожалуйста, помогите мне - person Saurabh Sashank; 05.05.2016
comment
@SaurabhSashank, вы не можете использовать Javascript на страницах AMP. Нет возможности включить JQuery. Если вы хотите это преобразование, это должно быть сделано на стороне сервера. - person Jonathan Kempf; 30.05.2016