首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >试图修复未出现在wordpress站点上的图像

试图修复未出现在wordpress站点上的图像
EN

Stack Overflow用户
提问于 2017-09-07 05:27:05
回答 1查看 66关注 0票数 1

在一个版本的铬,我得到这个wI得到这个当我检查一个图像

代码语言:javascript
复制
<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">

在新版本中,在不加载映像的情况下,我将得到以下代码

代码语言:javascript
复制
<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">

有什么想法来解决/纠正那个缺失的图像链接吗?谢谢!!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-07 06:15:09

代码语言:javascript
复制
jQuery(document).ready(function($){
    $('.lazy-hidden').each(function(){
      var src = $(this).attr('data-src');
      $(this).attr('src',src);
        
    })
})
代码语言:javascript
复制
<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. -->

如果您已经发布了您的代码会更好,但是您可以使用这个黑客来实现您的需求。

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

谢谢

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46088458

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档