holderjs同时显示文本和大小

时间:2015-06-24 07:23:48

标签: image text placeholder holder.js

我使用holderjs为我的网站生成占位符图片。

<img data-src="holder.js/200x200" />将显示带有文字“200x200”的图片,<img data-src="holder.js/200x200?text=hello"可以显示带有“hello”文字的图片。

有没有办法一起显示图像大小和自定义文本(不要将文本设置为“200x200 hello”)?

感谢〜

更新:2015年6月25日

Git来自dustjs开发者的回复如下

  

如果你需要确保两个元素之间留有空格(例如,内联块元素或白色空间:pre块,你可以使用Dust特殊{~s}来插入一个空格。你可以如果编辑允许,也会在行尾留下尾随空格。灰尘不会剥离尾随空格。

2 个答案:

答案 0 :(得分:0)

试试这个:

    <img  data-src="holder.js/200x200?text=hello&fg=#FF0000&size=50" alt='Thumbnail' class="big"/>

它将显示文字和颜色的大小

更新1:

将图像标记放在div标记中,使用类&#34; holderjs&#34;

<div class="holderjs" data-background-src="?holder.js/300x200">
<img  data-src="holder.js/300x200/?text=hello" alt='Thumbnail' class="img-thumbnail img-responsive" text="hello" />

</div>

答案 1 :(得分:0)

虽然目前无法做到这一点,但Holder在2.9中实现了这个问题:https://github.com/imsky/holder/issues/148

编辑:现在已经实现了。