使用 holder.js 显示图像缩略图答案

【问题标题】：Using holder.js to display image thumbnails使用 holder.js 显示图像缩略图
【发布时间】：2014-03-23 10:31:08
【问题描述】：

我正在尝试显示图像 ussign holder.js，但显示的是示例图像而不是图像。

<img src='http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png' data-   src="holder.js/140x140" alt='Thumbnail' class="img-thumbnail img-responsive"/>

这是使用 holder.js 的正确方法吗？有人可以发布一个使用 holder.js 显示图像的示例吗？

【问题讨论】：

我无法让它在我的网络服务器上运行，我尝试了各种不同的方法，但什么也没有。可能是一个损坏的插件
@Travis 您是否尝试过并使用了 holder.js 的另一种替代方法？

标签： javascript html twitter-bootstrap twitter-bootstrap-3 holder.js

【解决方案1】：

不知道你为什么要像这样分手data- src：

data-src

除此之外，我没有发现任何其他问题。

所以要查看示例，请查看：

http://jsfiddle.net/R22tj/

编辑

如果您只想显示图像，请去掉 data-src，图像就会显示出来。如果您想指定高度和宽度，您也可以在 HTML 中执行此操作。所以看看这个小提琴。（向下滚动 html 部分以查看 140x140 图像。）

http://jsfiddle.net/jLqd9/1/

【讨论】：

那是一个错字。小提琴仍然无法正常工作。它显示图像几秒钟，然后显示示例 140x140 图像。
@ManojSreekumar 好吧，我不明白你想要什么？您想要显示占位符还是想要显示图像。如果您希望显示占位符，那么我给您的小提琴正在工作，您的浏览器兼容性有问题。
@ManojSreekumar 好的，看看我更新的答案。你只需要摆脱 data-src
谢谢。 Bootstrap 示例让我对 holder.js 的使用感到困惑
为什么<img class="img-thumbnail img-responsive" src="http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png" alt="" /> 可以工作，但不能像<img class="img-thumbnail img-responsive" src="http://localhost/live/images/logo.png" alt="" /> 这样的本地图像？图片在其他任何地方都可见！