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

我所有的背景圖片都會加載，直到我嘗試爲每張幻燈片放入圖片疊加層。這個問題發生時，我標記我的ul與id="supersized"超級jQuery插件 - 只顯示一些背景圖片

一旦我這樣做，我的幻燈片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>'); 
});

來源

2012-07-20 Mike Schoch

澄清問題是，當jquery插件僅爲前兩個圖像添加「a」標籤並出於某種原因添加了第九個標籤時。我只把前三個放在了代碼上。 – 2012-07-20 08:11:14

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

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

來源

2012-07-20 07:44:44

雖然他們在我的HTML文件。任何想法爲什麼他們迷路時，我查看該網站的生活？ – 2012-07-20 07:50:06

如果您的網站是直播的，您能否提供有問題的網頁鏈接？ – 2012-07-20 08:13:33

對不起，我mispoke，當我在本地查看它發生了什麼 – 2012-07-20 08:28:21

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

回答

相關問題