2013-02-13 19 views
11

ダウンロードしたテーマにtwitterブートストラップを使用していて、ブートストラップサムネイルリストのカスタムHTMLが表示されていますが、画像は表示されません。ブートストラップサムネイル一覧にサムネイルが表示されない

コードを調べると、画像タグと作業画像の場所が表示されます。

enter image description here

私のサムネイル一覧のコードはこれです:

<div class="span9 space"><ul class="thumbnails"><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="http://s3.amazonaws.com/brewerydbapi/beer/YAKFea/upload_1CxY2l-medium.png" alt=""> 
          <h3>90 Shilling</h3> 
          <p>Odell Brewing Company</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="http://s3.amazonaws.com/brewerydbapi/beer/oeGSxs/upload_FiPLQC-medium.png" alt=""> 
          <h3>Naughty 90</h3> 
          <p>Toppling Goliath Brewing Company</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="noImage.gif" alt=""> 
          <h3>90-Shilling Scotch Ale</h3> 
          <p>Taps Fish House & Brewery</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="noImage.gif" alt=""> 
          <h3>Williams Ceilidh 90</h3> 
          <p>Williams Brothers Brewing Company</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="noImage.gif" alt=""> 
          <h3>Boscos 90 Shilling Ale</h3> 
          <p>Boscos Brewing Company</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="noImage.gif" alt=""> 
          <h3>Dundee Export 90 Scotch Ale</h3> 
          <p>Dundee Brewing Co.</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="https://s3.amazonaws.com/brewerydbapi/beer/qqTzHb/upload_mGIvsJ-medium.png" alt=""> 
          <h3>90 Minute IPA</h3> 
          <p>Dogfish Head Craft Brewery</p> 
         </div> 
        </li><li class="span3"> 
         <div class="thumbnail"> 
          <img data-src="http://s3.amazonaws.com/brewerydbapi/beer/jdQySZ/upload_jbcADO-medium.png" alt=""> 
          <h3>I-90 India Pale Ale</h3> 
          <p>Ancient Lakes Brewing Company</p> 
         </div> 
        </li></ul>      

      </div> 

は最後の要素を検査クロムに示すゼロエラーがある、と私は持っていけない。ここ発生しているものの画像ですこのページのインラインCSS。

+2

あなたのイメージタグのdata-srcの代わりにsrcだけを試してみてください。 –

+0

ここにはゼロの謎があります:http://jsfiddle.net/BZudQ/ 'src'を使うとうまくいきますが、その理由は分かりません。 – isherwood

+1

作業イメージを示すフィドルが更新されました:http://jsfiddle.net/BZudQ/1/ – isherwood

答えて

24

data-srcは、ブートストラップの例でプレースホルダイメージを取得するために使用されます。ちょうど使用src

+0

あまりにも小さな編集を承認する前によく確認してください:) – bonCodigo

+1

信じられないほど、ありがとう! ;) – Roman

+1

なぜ ''は動作しますが、 ''のようなローカルイメージはありません?画像はどこにでも見えます! – BentCoder

関連する問題