Php 如何使用holder.js引导加载我的图像

Php 如何使用holder.js引导加载我的图像,php,twitter-bootstrap,svg,holder.js,Php,Twitter Bootstrap,Svg,Holder.js,我正在使用bootstrap3构建一个带有thmbnails的产品列表页面。而且,我想使用bootstartp中的缩略图,同时使用Holder.js。我读过文件,也读过 他们都在讨论这个语法:加载js文件之后 <img src="holder.js/200x300"> 我已经尝试检查并查看图像源在何处以及如何被重新服务,因为我想在PHP中使用foreach加载它。 这是我的检查结果: 因此,正如您从图像中看到的,有一个数据:svg…我不理解的东西 结束我的问题 如何使用hod

我正在使用bootstrap3构建一个带有thmbnails的产品列表页面。而且,我想使用bootstartp中的缩略图,同时使用
Holder.js
。我读过文件,也读过

他们都在讨论这个语法:加载js文件之后

<img src="holder.js/200x300">

我已经尝试检查并查看图像源在何处以及如何被重新服务,因为我想在PHP中使用foreach加载它。

这是我的检查结果:

因此,正如您从图像中看到的,有一个数据:svg…我不理解的东西

结束我的问题

  • 如何使用hodelr.js加载图像
  • 在THMBNAIL视图中是否需要覆盖所有图像
  • Hodler.js在哪里可以重新服务图像,以及如何动态地执行此操作
  • 我有以下内容,我没有看到任何svg:generared

     <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>
    
    
    缩略标签
    我是奥迪奥先生,我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的,我不知道是谁干的

    非常感谢

    
    
    <img src="holder.js/200x300">
    
    Holder.js是一个图像占位符。它将代码呈现为图像

    将代码更改为真实图像,如下所示,并设置大小

    <img src="you image path + image " width="200" height="300">
    <img src="images/apple.jpg" width="200" height="300">
    
    
    
    我看不出DifferenceBootstrap在这里展示了一个缩略图列表示例。关于占位符什么都没有。您可以在缩略图div标记中添加任何图像。忘记图像支架吧。在浏览器中添加img标签和测试我添加了以下内容。。我只看到图像没有黑客!!请从img标记中删除数据src=“holder.js/100%x200”,并检查是否将kolder.js保留在标记中。图像将不可见。如果你把它去掉。那就行了。SVG图像文件已由holder.js创建。谢谢,我们在文档中修复了此问题: