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

时间:2014-02-21 18:30:37

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

我试图显示图像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发布用于显示图像的示例吗?

1 个答案:

答案 0 :(得分:9)

不确定为什么你将data- src分解为它应该只是:

data-src

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

所以看一个例子来看看这个:

http://jsfiddle.net/R22tj/

修改

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

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