试图修复没有出现在 wordpress 网站上的图像

Question

在一个版本的 chrome 中，当我检查图像时我会得到这个

<img src="http://esg.com/wp-content/uploads/2016/03/ESG-hudsonlg-01-600x548.jpg?x80200" data-lazy-type="image" data-src="http://esg.com/wp-content/uploads/2016/03/ESG-hudsonlg-01-600x548.jpg?x80200" class="lazy-loaded">

在较新的版本中，图像不加载，我得到了这个代码

<img src="" data-lazy-type="image" data-src="http://esg.com/wp-content/uploads/2016/03/ESG-hudsonlg-01-600x548.jpg?x80200" class="lazy-hidden">

解决/纠正丢失的图像链接的任何想法？谢谢！！

Answer 1

jQuery(document).ready(function($){
    $('.lazy-hidden').each(function(){
      var src = $(this).attr('data-src');
      $(this).attr('src',src);
        
    })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<img src="" data-lazy-type="image" data-src="http://elizabethstreetgallery.com/wp-content/uploads/2016/03/ESG-hudson-mirrors-sm-lg-01-600x548.jpg?x80200" class="lazy-hidden">
<br />
<img src="" data-lazy-type="image" data-src="http://elizabethstreetgallery.com/wp-content/uploads/2016/03/ESG-hudson-mirrors-sm-lg-01-600x548.jpg?x80200" class="lazy-hidden">


<!-- I had used demo image src as your src is not opening in browser too. -->

如果您发布了代码会更好，但您可以使用此 hack 来实现您的要求。

编辑 让我告诉我我在这里做了什么，我将每个图像的当前data-src 分配给它一个变量，然后将当前图像src 替换为data-src。

谢谢