问题标签 [holder.js]

我想holder.js在静态模板中加载占位符图像。在静态模板index.html中，我有：

我app.yaml在名为 的文件夹中设置了用于提供静态文件的处理程序static，所以我知道这不是问题，但由于某种原因holder.js不会生成我要求的 200x200 图像（日志文件会生成 404 错误）。我敢打赌这是某种处理程序问题；也许 App Engine 将我的请求视为目录并且找不到它。我需要配置app.yaml文件，以便它将请求holder.js视为文件的参数，而不是文件的子目录。有人可以指出我正确的方向来帮助解决这个问题吗？

我是 Bootstrap 的新手。正如我从 BootStrap 中的 DashBoard 示例开始的那样。我在 html 页面中看到以下代码。

我搜索了整个 html 代码，但没有找到 holder.js 被加载的地方。有人可以解释一下 holder.js 是从哪里加载的吗？我所看到的只是图像标签内的上述参考。但我只是想知道浏览器在哪里或如何知道 holder.js

我尝试使用 AngularJS 框架中的 holder.js 为损坏的图像设置占位符。

一切都在所有浏览器上完美运行，除了 IE11（真是令人惊讶！），这给了我一个奇怪的“无效属性值”错误......我什至没有用旧版本的 IE 进行测试。

因此，它在以下情况下起作用：

• 我"holder.js/100%x100%"直接在src属性中使用（没有附加指令）
• 我"holder.js/100x100"用作损坏图像的占位符

但它在以下情况下失败：

• 我"holder.js/100%x100%"直接在 adata-ng-src而不是src（=> 无效参数）中使用
• 我"holder.js/100%x100%"用作损坏图像的占位符（=> 无效的属性值）

经过几次其他测试（使用 jQuery 或纯 javascript），我发现错误不是来自 holder.js。我宁愿认为以编程方式在 src/ngSrc 属性中使用字符时 IE11 存在问题%......但我不知道为什么我是对的。

这是四个用例的小提琴：

http://jsfiddle.net/msieurtoph/184fseew/

如果有人对使它起作用的原因或方法有任何想法。

谢谢你的帮助...

编辑 ：

感谢@imsky，这里是一个工作小提琴，使用data-src而不是：http src: //jsfiddle.net/msieurtoph/184fseew/23/

我正在使用 bootstrap3 构建带有缩略图的产品列表页面。我想使用来自 Bootstrap 的缩略图，它反过来bootstarp也使用Holder.js. 我在这里和这里都阅读了文档。

他们都在谈论这个语法：在你加载 js 文件之后。

我试图检查并查看图像源的检索位置和方式，因为我想在 PHP 中使用 foreach 加载它。

这是我的检查结果：

因此，正如您从图像中看到的那样，有些data:svg...东西我不明白。

结束我的问题：

1. 如何使用 hodelr.js 加载图像？
2. 是否需要转换才能在缩略图视图中看到所有图像？
3. Hodler.js 在哪里可以检索图像，您如何动态地进行检索？

我有以下我没有看到的svg:generated：

太感谢了！

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

<img data-src="holder.js/200x200" />将显示带有文本“200x200”<img data-src="holder.js/200x200?text=hello"的图像，并且可以显示带有文本“hello”的图像。

有什么方法可以同时显示图像大小和自定义文本（不要将文本设置为“200x200 hello”之类的内容）？

谢谢~

更新：2015 年 6 月 25 日

Git 来自dustjs 开发者的响应如下

如果您需要确保在两个元素之间留有空格（例如，inline-block 元素或内部 white-space: pre 块，您可以使用 Dust 特殊 {~s} 插入空格。您也可以留下尾随如果你的编辑器允许，行尾的空格。Dust 不会去除尾随的空格。

这就是 Firefox 上的输出应该是这样的：

https://www.dropbox.com/s/4uxz6l5po0bkhat/firefox.png?dl=0

但是，Chrome 和 Opera 不会在 Holder.js 对象上使用这种自定义字体。他们是这样渲染的：

https://www.dropbox.com/s/q2i0o6a61lq1hyx/opera-chrome.png?dl=0

这是我的主要 HTML 的头部：

这是我的 holder.js 对象：

这是我的 zond.fonts.css：

这是我的 holder.themes.old.js：

问题应该出在哪里？我猜它与CSS字体有关？当我已经包含所有可能的字体类型时，这应该是一个问题吗？

他们的例子是这样的：

所以我想如果我包括：

它会起作用，但它不会。

我是 Meteor 的新手，并试图让 holder.js 在框架中工作。它适用于刷新，但是当从一条路线移动到另一条路线时，它会中断。

文档只是说“因为 Meteor 默认在文档顶部包含脚本，所以调用 Holder 时 DOM 可能不完全可用。因此，将与 Holder 相关的代码放在“DOM 就绪”事件侦听器中。”

我假设我需要一个Template.foo.onRendered回调，但不确定如何格式化它。这是HTML：

这是我在 .js 文件中添加的回调：

同样，holder.js 图像在刷新时出现，但是当从一个页面转到另一个页面时，我无法让它们呈现。我正在使用 FlowRouter 进行路由。

我确定这很简单。任何帮助是极大的赞赏！

我是新手，在使用 holder.js 和引导卡时无法显示我的图像。我遇到了 holder.js 作为创建引导卡的第一个解决方案，所以这就是我正在尝试使用的。如果有更好的解决方案，我会全力以赴。

这是我在 holder.js 中调用的标题

我在这里想念什么？

在使用 holder.js 时 Swiper 的高度不对。这可能是因为 Swiper 在/同时在 holder.js 之前执行。holder.js 必须首先执行，以便 swiper 知道正确的图像尺寸。有简单的解决方案吗？