试图修复未出现在wordpress网站上的图片

时间:2017-09-07 05:27:06

标签: jquery html wordpress image

在我的一个版本的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">

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

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
jQuery(document).ready(function($){
    $('.lazy-hidden').each(function(){
      var src = $(this).attr('data-src');
      $(this).attr('src',src);
        
    })
})
&#13;
<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. -->
&#13;
&#13;
&#13;

如果您发布了代码会更好,但您可以使用此hack来满足您的要求。

修改 让我告诉我在这里做了什么,我获取了每个图像的当前data-src,为其分配了一个变量,然后将当前图像src替换为data-src。

谢谢