Bootstrap中data-src无法显示图片,但是src可以

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/114253.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • UiAutomator Android 的自动测试框架(基础)「建议收藏」

    UiAutomator Android 的自动测试框架(基础)「建议收藏」</pre>很久没更新博客了,今天至后期的一段时间将带给大家的是<spanstyle=”font-family:微软雅黑;font-size:14px;line-height:21px;widows:auto;”>UiAutomatorandroid的自动测试框架,一系列的介绍,希望大家喜欢。</span><p></p…

    2022年10月18日
    3
  • JSP动作–JSP有三种凝视方式

    JSP动作–JSP有三种凝视方式

    2021年11月13日
    46
  • JAVA贪吃蛇小游戏_js贪吃蛇难吗

    JAVA贪吃蛇小游戏_js贪吃蛇难吗《Java小游戏实现》:贪吃蛇在完成坦克大战之后,就想到了贪吃蛇这个小游戏,因为这两个游戏太像了,因此,就决定把这个游戏来尝试的写下。接下来的几篇博文就是来记录这个小游戏实现的全过程。突然,想起,一年前(时间是2015年7月3日),我刚学习Java的时候看过别人写的这个游戏源代码,还专门写了篇博文,连接如下:http://blog.csdn.net/u010412719/article/detail

    2022年4月20日
    50
  • php静态延迟方法,phpstatic延迟静态绑定_PHP教程

    php静态延迟方法,phpstatic延迟静态绑定_PHP教程如果你是一个懒惰的程序员,你看到以下代码可能会恼火abstractclassU{}classu1extendsU{publicstaticfunctioncreate(){returnnewu1();}}classu2extendsU{publicstaticfunctioncreate(){returnnewu2();}}这段代码正常工作是没问题,但大量重复的…

    2025年8月15日
    2
  • java中的输入操作

    java中的输入操作Java中输入一般是通过Scanner类来实现的:具体步骤如下:(1)创建Scanner对象,接受从控制台输入Scannerinput=newScanner(System.in);(2)接受String类型Stringstr=newinput.next();(3)接受int类型intn=input.nextInt();(4)输出结果System.out.println(str);Sys…

    2022年5月25日
    37
  • Ribbon的负载均衡策略及原理[通俗易懂]

    Ribbon的负载均衡策略及原理[通俗易懂]LoadBalance负载均衡是用于解决一台机器(一个进程)无法解决所有请求而产生的一种算法。像nginx可以使用负载均衡分配流量,ribbon为客户端提供负载均衡,dubbo服务调用里的负载均衡等等,很多地方都使用到了负载均衡。使用负载均衡带来的好处很明显:当集群里的1台或者多台服务器down的时候,剩余的没有down的服务器可以保证服务的继续使用使用了更多的机器保证了机器的良性使用,不会由于…

    2022年10月13日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号