zoukankan      html  css  js  c++  java
  • Bootstrap中datasrc无法显示图片,但是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
  • 相关阅读:
    SPOJ SAMER08A
    SPOJ TRAFFICN
    CS Academy Set Subtraction
    CS Academy Bad Triplet
    CF Round 432 C. Five Dimensional Points
    CF Round 432 B. Arpa and an exam about geometry
    SPOJ INVCNT
    CS Academy Palindromic Tree
    身体训练
    简单瞎搞题
  • 原文地址:https://www.cnblogs.com/lxwphp/p/15455364.html
Copyright © 2011-2022 走看看