超级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具有透明背景，这就是你看到背景颜色的原因。