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

Question

我正在尝试显示图像usign 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发布一个显示图像的示例吗？

Answer 1

不知道为什么你打破data- src它应该只是:

data-src

除此之外,我没有看到任何其他错误.

所以看一个例子检查一下:

http://jsfiddle.net/R22tj/

编辑

如果你想只显示图像摆脱data-src,图像就会显示出来.如果您想指定高度和宽度,您也可以在HTML中执行此操作.所以看看这个小提琴.(向下滚动html部分以查看140x140图像.)

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