Bootstrap中data-src不可能呈现图片,但是src可以

在求学bootstrap时,书中的源码是用的data-src来定义图像地方,但是本人在选用的时候不能浮现图片;data-src可以在img标签中使用来突显图片吗?我使用src可以,而是用data-src不得以。书上的源码:

class="thumbnail"> <img data-src="图片地址" alt="..."> <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

相关文章