zoukankan      html  css  js  c++  java
  • Bootstrap中data-src无法显示图片,但是src可以

    在学习bootstrap时,书中的源码是用的data-src来定义图像位置,但是我在使用的时候无法显示图片;data-src可以在img标签中使用来显示图片吗?我使用src可以,而是用data-src不可以。书上的源码:

    
    
    class="thumbnail"> <<span class="hljs-name">img data-src="图片地址" alt="..."> <<span class="hljs-name">div class="caption"> <<span class="hljs-name">h3>Thumbnail label</<span class="hljs-name">h3> <<span class="hljs-name">p>...</<span class="hljs-name">p> <<span class="hljs-name">p> <<span class="hljs-name">a href="#" class="btn btn-primary">Action</<span class="hljs-name">a> <<span class="hljs-name">a href="#" class="btn btn-default">Action</<span class="hljs-name">a> </<span class="hljs-name">p> </<span class="hljs-name">div> </<span class="hljs-name">div>

    本来就是src的才会显示。data-src只是注意储存的,比如做懒加载的时候就可以把真实的url先写到这个属性里面

    用来做动态延迟加载的,就是懒加载的

    那开始的时候索性src也别用。用其他的比如src1。
    然后对遍历所有的img标签,如果有data-src的,将其值赋给src,如果没有data-src,则将src1的值赋给src
  • 相关阅读:
    如何进行Django单元测试
    django使用celery实现异步操作
    django 多并发,多线程。
    cookies设置时间
    Mysql实现企业级日志管理、备份与恢复
    Redis与Memcached的区别
    cookie 和session 的区别详解
    python内存泄露查找
    浙大月赛ZOJ Monthly, August 2014
    Vector
  • 原文地址:https://www.cnblogs.com/lxwphp/p/7731232.html
Copyright © 2011-2022 走看看