在我的一个版本的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">
解决/纠正丢失图像链接的任何想法?谢谢!
答案 0 :(得分:1)
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;
如果您发布了代码会更好,但您可以使用此hack来满足您的要求。
修改强>
让我告诉我在这里做了什么,我获取了每个图像的当前data-src
,为其分配了一个变量,然后将当前图像src
替换为data-src。
谢谢