L'elenco di miniature Bootstrap non mostra le miniature

Sto usando twitter bootstrap su un tema che ho scaricato e il mio html personalizzato nella mia lista di miniature di bootstrap mostra ma le immagini non lo sono.L'elenco di miniature Bootstrap non mostra le miniature

Indagando il codice, mostra il tag dell'immagine e le posizioni delle immagini di lavoro sono lì. Ecco una foto di ciò che sta accadendo:

enter image description here

Il codice per la mia lista delle miniature è questo:

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

Infine ci sono zero errori che mostrano nel Chrome ispezionare elemento, e non ho qualsiasi css inline in questa pagina.

fonte

2013-02-13 Mike

Invece di data-src sul tag immagine prova solo src. –

Ecco un violino ground-zero: http://jsfiddle.net/BZudQ/ L'uso di "src" funziona, ma non sono sicuro del perché. – isherwood

Fiddle aggiornato che mostra un'immagine funzionante: http://jsfiddle.net/BZudQ/1/ – isherwood

data-src viene utilizzato per ottenere un'immagine segnaposto negli esempi di bootstrap. Basta usare src

fonte

2013-03-31 10:06:53

Si prega di verificare bene prima di approvare modifiche minori :) – bonCodigo

Incredibile, grazie! ;) – Roman

Perché "" funziona ma non le immagini locali come ""? L'immagine è visibile da qualsiasi altra parte! – BentCoder

L'elenco di miniature Bootstrap non mostra le miniature

risposta

Problemi correlati