Bootstrap-thumbnail-Liste ist nicht zur Anzeige von Miniaturansichten
Ich bin mit twitter bootstrap auf ein Thema, das ich heruntergeladen, und meine benutzerdefinierte html in meiner bootstrap-thumbnails-Liste zeigt aber die Bilder nicht.
Untersuchen Sie den code, zeigt das image-tag und die Arbeit Bild-Standorte gibt es. Hier ist ein Bild von dem, was geschieht:
Den code für meine thumbnail-Liste ist diese:
<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>
Schließlich gibt es keine Fehler zeigen sich in der chrome element untersuchen, und ich habe keine inline-css auf dieser Seite.
Statt Daten-src, die auf Ihr "image" - tag versuchen, nur src.
Hier ist ein ground-zero fiddle: jsfiddle.net/BZudQ 'src' funktioniert, aber ich bin mir nicht sicher, warum.
Aktualisiert fiddle zeigt ein funktionierendes image: jsfiddle.net/BZudQ/1
Danke Jungs das hat funktioniert... nicht sicher, warum entweder.
Hier ist ein ground-zero fiddle: jsfiddle.net/BZudQ 'src' funktioniert, aber ich bin mir nicht sicher, warum.
Aktualisiert fiddle zeigt ein funktionierendes image: jsfiddle.net/BZudQ/1
Danke Jungs das hat funktioniert... nicht sicher, warum entweder.
InformationsquelleAutor Mike | 2013-02-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
data-src
wird verwendet, um einen Platzhalter-Bild in der bootstrap Beispiele. Verwenden Sie einfachsrc
Unglaublich, danke ! 😉
Warum
<img class="img-thumbnail img-responsive" src="http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png" alt="" />
funktioniert aber nicht-lokale Bilder wie<img class="img-thumbnail img-responsive" src="http://localhost/live/images/logo.png" alt="" />
? Bild sichtbar ist, nirgendwo sonst!InformationsquelleAutor Archimedes Trajano