超級jQuery插件 - 只顯示一些背景圖片

Question

我所有的背景圖片都會加載，直到我嘗試爲每張幻燈片放入圖片疊加層。這個問題發生時，我標記我的ul與id="supersized"

一旦我這樣做，我的幻燈片1，2和9加載背景圖像。 3-8只顯示背景顏色和疊加圖像。

我已經精確定位與螢火蟲的問題，但不知道如何解決它

<ul id="supersized" class="quality" style="visibility: visible;"> 
<li class="activeslide"> 
<div class="overlay-holder"> 
<div class="img"> 
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;"> 
</div> 
</div> 
<a target="_blank"> 
<img src="http://schochink.com/IMG_21562.jpg" style="width: 1024px; left: 0px; top: -188.5px; height: 686.08px;"> 
</a> 
</li> 
<li class="activeslide"> 
<div class="overlay-holder"> 
<div class="img"> 
<img src="../../images/aboutimg.png" style="width: 1024px; left: 0px; top: -101.5px;"> 
</div> 
</div> 
<a target="_blank"> 
<img src="http://schochink.com/IMG_26922.jpg" style="width: 1024px; left: 0px; top: - 188.5px; height: 686.08px;"> 
</a> 
</li> 
<li class="activeslide"> 
<div class="overlay-holder"> 
<div class="img"> 
<img src="../../images/homeimg.png" style="width: 1024px; left: 0px; top: -187px;"> 
</div> 
</div> 
</li> 

這裏是我的實際HTML，上面是什麼螢火蟲給我看

<ul id="supersized"> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
     </div> 
    </div> 
    </li> 

    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/aboutimg.png" /> 
     </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
      <img src="../../images/Untitled-2.png" /> 
     </div> 
    </div> 
    </li> 

    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
     </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
    </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
    </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
    </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 
    </div> 
    </div> 

    </li> 
    <li class=""> 
    <div class="overlay-holder"> 
     <div class="img"> 
     <img src="../../images/homeimg.png" /> 

     </div> 
    </div> 
    </li> 
</ul> 

我jquery很新，但我認爲這是添加錨標籤的原因。糾正我，如果我錯了

/* Place Supersized Elements 
----------------------------*/ 
$(document).ready(function() { 
    $('body').append('<div id="supersized-loader"></div><ul id="supersized"> </ul>'); 
}); 

Answer 1

您的div沒有關閉，這可能導致問題。

更新： 首先在頁面上你有兩個元素具有相同的ID：「超大」。你看到這個了嗎？檢查加載後的元素以查看它。你也是.png-s被正確加載，但是homeimg.png具有透明背景，這就是你看到背景顏色的原因。