问题标签 [holder.js]

持有人.js

我想动态地将占位符图像添加到我的页面。

像这样插入它不起作用：

因为持有者脚本已经运行并且没有搜索新元素。

但是，我们可以手动再次运行它：

但随后它将扫描所有已添加的元素。

那么...有没有办法让 holder.js 创建并返回一个 DOM 元素，这样我就可以手动添加它而无需重新运行整个东西？

我正在尝试使用 Bootstrap 的缩略图组件来显示带有缩略图的产品类别列表。我希望用户单击缩略图以转到该类别。

Bootstrap 网站上的文档提供了以下基本标记：

我在 Google 上搜索了有关 holder.js 的信息，找到了正式的 holder.js 页面，下载了 zip 版本，将文件放在我网站的 js 文件夹中，并在我的 HTML 中使用脚本标记链接到 holder.js 文件。

但是如何/在标记中的何处指定要使用的图像文件？

我还需要在每个图像下包含一个类别名称，可能带有 span 或 h4 标签。这需要构成可点击块的一部分。

更新：澄清一下，我想使用的只是缩略图组件的样式方面。所以也许我可以使用缩略图组件和相关的 HTML 标记来实现这一点，而完全省略 holder.js？

这是我想使用的 HTML 标记：

Holder.js 需要一个“/holder.js/200x300”的调用语法，其中包括一个斜杠。大小前面的斜线不被 Sinatra 路由识别，只能导致“Sinatra 不知道这个小曲”。页。如何让 holder.js 和 Sinatra 一起工作？

我正在遍历 Ember.js Handlebars 模板中的一组对象，并尝试使用holder.js为每个对象显示一个占位符图像。

在#each 循环上下文之外，holder.js 按预期呈现占位符图像：

在#each 循环内时，不会出现占位符图像：

也许我不了解#each 循环的工作原理，但是有什么技巧可以让占位符图像出现在这里？

我正在尝试将 holder.js 库用于回形针默认图像。Holder.js 创建 data-src 图像预览，当图像具有 src="holder.js/#{width}x#{height}" 但无法创建正确的 url。其实我有两个问题：

第一个问题，是获取缩略图样式名称，用于获取样式大小。

其次，使用相对路径创建图像 src（例如 holder.js/100x100）。rails 为生成的 url 添加 /assets/ 。

下面是我的代码，问题是无论我做什么，第二个 holder.js 图像都拒绝显示。好像 bootsrap 每个跨度规则有 1 个 holder.js 拇指？

Holder.js 不适用于 turbolinks。

我得到空图像。

当我按 Ctrl+R 时它工作。

如何让他们一起工作？

我正在使用 Bootstrap 构建项目的前端，我希望使用 3.0.0 中的Glyphicons而不是通常的文本。我该怎么做？

熟悉Holder.js的人都知道，JS 基本上是在客户端创建占位符图像。这有有用的带宽节省应用程序，因为您只需要下载脚本的重量（大约 4Kb）并让客户端的机器生成图像。

我想将 Glyphicons 与 holder.js 结合起来，以即时生成大型高质量图标。

使用 Bootstrap 调用 Glyphicon 很简单，如下所示：

使用 holder.js 调用带有“Hello World”文本的动态图像如下：

我了解 Bootstrap CSS 将 Glyphicon 类定义为字体，然后使用伪前元素来调用辅助类定义的特定字符。见下文：

如何轻松地将正确字体的特定字形图标字符传递给holder.js，以输出图像图标？

创建新的 img 持有者时：

一行中没有足够的空间来容纳文本，而且我无法掌握如何换行换行。

有人有想法吗？

谢谢

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

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