[英]Supersized jQuery plugin - only some background images shown
我將加載所有背景圖像,直到我嘗試為每張幻燈片放置圖像疊加層為止。 當我用id="supersized"
標記我的ul時會發生問題
完成此操作后,只會加載幻燈片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>');
});
您的div未關閉,這可能會導致問題。
更新:首先,在頁面上,您具有兩個具有相同ID的元素:“超大”。 你看到了嗎? 加載后檢查元素以查看它。 同樣,您已正確加載.png-s,但是homeimg.png具有透明背景,這就是為什么您看到背景顏色的原因。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.