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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • tar压缩和解压文件或文件夹

    1. 使用tar压缩文件tar-zcvftest.tar.gz./test/该命令表示压缩当前文件夹下的文件夹test,压缩后缀名为test.tar.gz如果不需要压缩成gz,只需要后缀为tar格式的,那么输入如下命令:tar-cvftest.tar./test/ 2. 使用tar解压文件tar-xzvftest.tar.gz  该命令表示把后缀为….

    2022年4月3日
    87
  • 系统启动u盘制作方法_U盘启动

    系统启动u盘制作方法_U盘启动叙:之前自己的系统是家庭版的,在自己升级为专…

    2022年8月2日
    5
  • linux安装oracle数据库并创建数据库_oracledeveloper安装教程

    linux安装oracle数据库并创建数据库_oracledeveloper安装教程环境:redhatlinux5.7软件:oracle11g1、操作系统安装组建选择(具体安装linux过程参见linux安装步骤):GNOMEDesktopEnvironmentEditorsGraphicalInternetText-basedInternet(可以不选择)DevelopmentLibrariesDevelopmentToo

    2022年9月25日
    0
  • Web自动化测试-Protractor基础(二)

    Web自动化测试-Protractor基础(二)end-to-endtestframework

    2022年10月23日
    0
  • php源码 网页聊天_php即时在线网页聊天源码-响应式设计自适应手机端[通俗易懂]

    php源码 网页聊天_php即时在线网页聊天源码-响应式设计自适应手机端[通俗易懂]基于PHPWebSocket即时通讯开发的在线聊天源码,使用高效优雅的Laravel框架进行非通讯部分开发。前台与后台自适应PC与移动端,支持一对多交流,可以自由创建新的房间与解散创建的房间,集成签到功能,等级功能,房间创建者可以对用户进行禁言、拉黑处理,房间可以由房间创建者自由设置进入密码,房间内支持常规的文字消息、表情、支持自定义图片消息、图片可用本地或者图片外链。php环境配置需求P…

    2022年5月15日
    38
  • 随机森林算法原理简要总结怎么写_旋转森林算法

    随机森林算法原理简要总结怎么写_旋转森林算法①RandomForest随机森林算法原理:即bagging法+CART算法生成决策树的结合。RF=bagging+fully-grownCARTdecisiontree②bagging法的核心:bootstrap在原始数据集D中选择若干个子数据集Dt,将子数据集单个单个进行决策树生成。③随机森林的优点:可并行化计算(子集的训练相互独立),效率高继承了CART算法的优点(使用Gini系数选择最优特征及切分点)减小了完全生成树的弊端(因为完全生成树过于复杂,Ein小但E

    2025年7月14日
    0

发表回复

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

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