holder.js 부트 스트랩을 사용하여 이미지를로드하는 방법

Question

bootstrap3을 사용하여 썸네일이있는 제품 목록 페이지를 만들고 있습니다. 그리고, 도 사용하여 내 신인 bootstarp 인 bootstartp의 미리보기 이미지를 사용하고 싶습니다. 나는 문서화 here 및 here을 읽었습니다.

js 파일을로드 한 후이 구문에 대해 모두 이야기합니다. 내가 PHP에서 foreach 문을 사용하는 것이로드하려는 때문에

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

나는, 검사 및 이미지 소스가 retervived 어디에 어떻게 것을보고 노력했다. 여기

내 검사 reslut : 나는 이해 didnt가 whihc SVG ... 뭔가를해야만 : 당신이 이미지에서 볼 수

그래서하는 데이터가있다.

내 질문을 마무리하십시오.

1. 어떻게
   는 thmbnails는
2. 어디 retervie 이미지를 Hodler.js 수 있습니다 볼에 모든 이미지에 필요한 coversation이 볼 수 있습니까로드 이미지가 hodelr.js
3. 을 사용하여이 작업을 수행하고 유 동적으로 어떻게 할 수 있습니다.

내가 가지고있는 내가 어떤 SVG를 참조 didnt는 다음과 같은 : 너무 많은

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

감사합니다를 generarted!

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