如何加载引导缩略图

2024-02-06

我已经开始在一个项目中使用 Bootstrap,特别是缩略图组件。上文档中的缩略图示例 http://twitter.github.com/bootstrap/components.html#thumbnails,示例代码如下:

<ul class="thumbnails">
  <li class="span4">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/300x200" alt="">
    </a>
  </li>
  ...
</ul>

注意使用data-src来代替通常的src属性上的<img> tag.

我认为为了让我的缩略图正常工作,我应该使用data-src代替src对于图像,但情况似乎并非如此。我只能通过定义来加载图像src属性。它似乎其他人也有同样的问题 https://stackoverflow.com/questions/14862758/bootstrap-thumbnail-list-is-not-showing-thumbnails.

这是文档中的拼写错误,还是我没有正确理解如何使用data-src?


我相信引导程序人员使用的唯一原因data-src反而src,这是因为holder.js。你应该使用src代替data-src因为data-src仅用于生成特定尺寸的示例图像的javascript库,并且src是指定图像位置的普通属性(来源:W3C http://www.w3.org/wiki/HTML/Elements/img#HTML_Attributes)

他们为什么在文档中使用data-src?我想即使是语法<img src="holder.js/100x200"></img>被图书馆接受,因为它在holder.js 文档 http://imsky.github.com/holder/,当我们访问该页面时,即使图像正在显示,它也会在图像中抛出404错误,因为指定路径中没有任何文件,这很奇怪。

他们为什么将其放入文档代码中?我真的不知道。也许这是一个错误。但我确信你应该使用src反而data-src在缩略图中。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何加载引导缩略图 的相关文章

  • bootstrap css中垂直对齐缩略图?

    我认为这应该很简单 但我就是无法让它发挥作用 在 ASP NET MVC 中 我有一个如下所示的项目列表 div class row div class span12 ul class thumbnails foreach var film
  • 按钮导致页面重新加载

    我在我的页面上使用 html 和 jquery 在我的 html 中 我有一个按钮 单击该按钮将触发一个功能 当页面加载时 我调用文档准备中的主函数 这是我的代码 div div
  • Angular 4:Bootstrap 的折叠无法使用 data-target 属性

    我对 Angular 4 使用 Angular CLI 还是个新手 我不知何故无法完成简单的 Bootstrap Collapse 工作 以下是我的崩溃代码 div class panel panel default div class p
  • 具有相等宽度和高度 TD 的响应式表格

    如何创建每个单元格 TD 具有相同宽度和高度的响应式 HTML 表格 因此 当我调整浏览器窗口的大小或调整表格容器的大小时 表格将调整大小 但每个单元格将具有相同的高度和宽度 基金会不关心这个 当我用固定宽度和高度 以像素为单位 初始化 T
  • 如何应用 EXIF 定位

    我注意到并不是每个浏览器都应用 EXIF 方向 我的手机上的 Chrome 不应用 EXIF 方向 但 Safari 手机则应用 那么既然它不是标准的 那么如何在 Safari 上应用 EXIF 方向而不应用两次呢 另外我想知道是否可以在客
  • qUnit:在 qunit-fixture 之外编写的 Twitter Bootstrap 模式

    我在为使用 Twitter Bootstrap 的项目编写 qUnit 测试时遇到了困难 当生成模态时 它将覆盖层放在 qunit fixture 之外 因此当运行下一个测试时 覆盖层不会被删除 有人遇到这个问题吗 点击事件 链接到jsfi
  • 没有宽度/高度的 SVG 以自然尺寸渲染

    我有这个 SVG 但没有width or height属性 我有以下 HTML div class block img src https s3 eu vAmfIxVv kiwi svg div 使用以下CSS block display
  • 使用 rtmp 和 videojs 流式传输视频

    我正在寻找一种使用 rtmp 流播放视频的方法 我使用 video js 但它不起作用 Firebug 返回错误 L attribut type sp cifi sur video flash n est pas g r Le charge
  • HTML5 安卓开发

    我对制作 Android 应用程序很感兴趣 而我的主要爱好是 Web 开发 现在让我困惑的是 人们用 HTML5 CSS3 JavaScript 语言制作应用程序 这些应用程序是在 Android 手机上的网络浏览器上运行还是像 Andro
  • 我无法自动播放 vimeo 视频(移动设备)

    我试图autoplay包含在的视频iframe在移动设备上 该应用程序运行良好 但用户必须单击 iFrame 内的按钮才能播放视频 我已经尝试使用 autoplay 1 中的参数iframe但它在移动设备上不起作用 在桌面上也很好 你能帮助
  • 单击 DIV 时滚动到顶部? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • For 循环覆盖 HTML 中的文本

    我的数组称为myEmployees其中有 5 个名字 但当我运行代码时 它只打印出其中的 3 个 我相信这种情况正在发生 因为for脚本中的循环会覆盖它在 HTML 文档中编写的前一行 我怎样才能解决这个问题 年度公告板公告 恭喜泰勒 你在
  • .addClass 仅添加到无序列表中单击的项目符号

    我有一个简短的无序列表 其中有两个项目符号 我添加了一些 Javascript 这样当我单击项目符号时 它会向其中添加一个类 问题是 它将该类添加到所有现有的 li 中 而不仅仅是我单击的那个 这是 JSFiddle http jsfidd
  • 如何在WPF中裁剪图像并保存到ImageSource中?

    我是 WPF 的新学员 我有一个问题 我有一个图像 宽度 360 高度 360 在这里 我想裁剪该图像 如下所示 0 0 到 120 120 保存到第一个 ImageSource 对象 120 0 到 240 120 保存到第二个 Imag
  • fancybox - 如何添加打开图像的链接?

    大伙计们有什么想法吗 我正在尝试链接 fancybox 中打开的图像 我到处都找遍了 听起来很简单 这是我正在使用的代码 a href img src example thumb png alt example a
  • 引导多重选择(刷新)无法正常工作

    我正在使用引导多选列表框 当用户在多选上选择选项时 它会正确显示 但有一个选项可以重置以前选择的选项 当用户点击重置按钮时 自动style display none添加到下拉按钮 下拉列表变得不可见 这是我的代码 button click
  • 算法挑战:从图像生成配色方案

    背景 因此 我正在开发一个网络应用程序的新版本 而且 我们发现我们的用户非常懒惰 实在是太懒了 事实上 我们为他们做的工作越多 他们就越喜欢这项服务 现有应用程序的一部分要求用户选择要使用的配色方案 但是 我们有一张图片 用户网站的截图 为
  • 使用 JSON 传递 HTML

    我正在使用 JSON 将数据传递到 iPhone 和 iPad 数据的一个字段是 HTML 问题是编码 这是我得到的回复 gt GadgetHTML strong Hello strong gt from Catworld br n img
  • 如何使用FileSystem API的window.requestFileSystem?

    我用 JavaScript 编写了以下代码 JavaScript 代码 var fs null function initFS window requestFileSystem window requestFileSystem window
  • 从 Google Chrome 打印时的页码

    我看过这个答案 page bottom left content counter page counter pages 很多次 但它从来没有为我输出任何内容到页面 即使它应该工作 我尝试过 创造性 的方法来在底部获取页码 但我永远无法让它可

随机推荐