如何在某些div中将src更改为data-src

问题描述

有问题的页面：https://373834.myshoptet.com/80-104-cm/

<div class="slider-in-80-104-cm">&nbsp;</div>
<script>$(".slider-in-80-104-cm").load("/ #products-27")</script>

从以下位置加载标签页内容：https://373834.myshoptet.com-ID为＃products-27的标签页（请参见页面上的源代码）

在Shoptet.cz中，可以将TITLE PAGE中的产品添加到bs选项卡-参见标题页。我需要此产品的类别（例如80-104厘米等）

我使用jquery $ load从标题页选项卡到某些页面（产品类别）的内容，但是在类别页面上，仅前四个具有图像的产品被加载，而下一个产品没有图像。

如果我在shoptet admin中更改产品的位置，则始终不会在第五个和下一个产品上显示图像。

我需要更改src做data-src，因为在某些图像中shoptet会加载src，但是我需要在data-src中显示真实图像。

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://cdn.myshoptet.com/usr/373834.myshoptet.com/user/shop/detail/682_ergonomicke-nositko-fidella-fusion-baby-size-cubic-lines-rustred.jpg?5f592575" alt="Ergonomické nosítko Fidella Fusion BABY SIZE - Cubic Lines Rustred" data-micro-image="https://cdn.myshoptet.com/usr/373834.myshoptet.com/user/shop/big/682_ergonomicke-nositko-fidella-fusion-baby-size-cubic-lines-rustred.jpg?5f592575">

我在这里使用了许多jquery代码，但没有任何作用。谢谢。

解决方法

尝试一下...

//lets say your image looks like this,give it an id
// <img src="something" id="image"/>

//to give it a data attribute you do this

setTimeout(function(){
  $('.slider-in-80-104-cm .image img').each(function(){ 
    $(this).attr('src',$(this).attr('data-src'));
  });
},1000);

html javascript jquery src