0
我试图创建一个淡入淡出的图像幻灯片,只有我的第一张图片只是保持清爽,任何人都可以看到我可能会出错哪里?褪色幻灯片不通过循环
HTML:
<div id="slideshow">
<a href="#"><img src="http://placekitten.com/200/300" class="active"/></a>
<a href="#"><img src="http://placekitten.com/300/400"/></a>
<a href="#"><img src="http://placekitten.com/350/500"/></a>
<a href="#"><img src="http://placekitten.com/370/600"/></a>
</div>
的jQuery:
function slideSwitch() {
var $active = $('#slideshow a IMG.active');
if ($active.length == 0) $active = $('#slideshow a IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#slideshow a IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length);
// var $next = $($sibs[ rndNum ]);
$active.addClass('last-active');
$next.css({
opacity: 0.0
}).addClass('active').animate({
opacity: 1.0
}, 1000, function() {
$active.removeClass('active last-active');
});
};
$(function() {
setInterval(slideSwitch, 5000);
});
今后,请把你的代码*** ***在这里,并依靠外部网站仅用于演示目的。在你的情况下,JS小提琴摔倒了(再次......)这个问题本来就没有用处,也不可能回答。 – 2012-04-18 11:15:08