2013-02-13 14 views
11

मैं डाउनलोड की गई थीम पर ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं, और मेरे बूटस्ट्रैप थंबनेल सूची में मेरा कस्टम एचटीएमएल दिखा रहा है लेकिन छवियां नहीं हैं।बूटस्ट्रैप थंबनेल सूची थंबनेल नहीं दिखा रहा है

कोड की जांच करना, छवि टैग और काम करने वाली छवि स्थान दिखाता है।

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> 

अन्त में शून्य तत्व का निरीक्षण क्रोम में दिखा त्रुटियाँ हैं, और मैं न है यहाँ क्या हो रहा है की एक तस्वीर है इस पृष्ठ पर कोई इनलाइन सीएसएस।

+2

अपने छवि टैग पर डेटा-स्रोत के बजाय बस 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

संबंधित मुद्दे