我正在使用 bootstrap3 构建带有缩略图的产品列表页面。我想使用来自 Bootstrap 的缩略图,它反过来bootstarp
也使用Holder.js
. 我在这里和这里都阅读了文档。
他们都在谈论这个语法:在你加载 js 文件之后。
<img src="holder.js/200x300">
我试图检查并查看图像源的检索位置和方式,因为我想在 PHP 中使用 foreach 加载它。
这是我的检查结果:
因此,正如您从图像中看到的那样,有些data:svg...
东西我不明白。
结束我的问题:
- 如何使用 hodelr.js 加载图像?
- 是否需要转换才能在缩略图视图中看到所有图像?
- Hodler.js 在哪里可以检索图像,您如何动态地进行检索?
我有以下我没有看到的svg:generated
:
<div class="thumbnail">
<img data-src="holder.js/100%x200" alt="100%x200" class="img-thumbnail img-responsive" src="../assets/images/products/ring.jpg" data-holder-rendered="true" style="height: 200px; width: 100%; display: block;">
<div class="caption">
<h4>Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
</div>
</div>
太感谢了!