[英]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.