JQuery:麻烦与简单的幻灯片 [英] JQuery: Trouble with simple slideshow
本文介绍了JQuery:麻烦与简单的幻灯片的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在尝试使用超级简单的幻灯片时遇到问题。我不知道为什么它不会工作。第一张图片显示,但它不循环。
I'm having trouble with a super simple slideshow I'm trying to make. I can't figure out why it won't work. The first picture shows up but it does not cycle through.
以下是JSFiddle: http:// jsfiddle。 net / cydonknight / kyhxy /
Here is the JSFiddle: http://jsfiddle.net/cydonknight/kyhxy/
和JQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
setInterval("rotateImages()", 2000 );
});
function rotateImages(){
var $onCurrent= $('#imageSlider div.current') ;
var $onNext= $onCurrent.next().length ? $onCurrent.next();
: $('#imageSlider div:first');
if (!onNext.length )
onNext=$("#imageSlider div:first");
$onCurrent.addClass('previous');
$onNext.css({opacity: 0.0}).addClass('current').animate({opacity:1.0}, 2000, function() {
$onCurrent.removeClass(' previous');
});
}
</script>
任何帮助都将非常感谢!
Any help would be greatly appreciated!
推荐答案
现在正在工作。我实际上做了很多更改。
It is working now. I did lot of changes actually.
您更新的 fiddle
setInterval(rotateImages, 2000);
function rotateImages()
{
var $onCurrent= $('#imageSlider div.current') ;
var $onNext= $onCurrent.next().length ? $onCurrent.next() : $('#imageSlider div:first');
if (!$onNext.length )
$onNext=$("#imageSlider div:first");
$("#imageSlider div").removeClass("current").css("opacity", 0);
$onNext.addClass('current').animate({opacity:1.0}, 1000);
}
这篇关于JQuery:麻烦与简单的幻灯片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文