如何使用holder.js加載我的圖像bootstrap

Question

我正在使用bootstrap3構建帶有thmbnails的產品列表頁面。而且，我想使用bootstartp中的縮略圖，其中使用也使用Holder.js。我已閱讀docuematation here和here。

他們都談論這個語法：加載js文件後。

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

我試圖檢查，看看是在哪裏以及如何將圖像源的retervived，因爲我想，使用PHP中的的foreach加載。

這裏我檢查reslut：

所以，你可以從圖像中看到，有一個數據：SVG ...財產以後whihc我不明白。

總結我的問題。

1. 如何使用hodelr.js
2. 負荷影像是否有需要爲所有的圖片coversation要看到thmbnails查看
3. 在哪裏可以Hodler.js retervie圖像和u如何能做到這一點動態。

我有以下我沒有看到任何SVG ：generarted

<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> 

三江源這麼多！

Answer 1

<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">