情况:我有8张幻灯片.当页面开始时,除了起始页面之外全部被隐藏,当点击第一个时它逐渐消失,然后一个接一个地淡出3个,当3个在那里时它们淡出(最大数量可以适合是3)然后我淡入接下来的3,之后我把它们隐藏起来并且最后一个留下来.结果和动画都很好,但我遇到的问题是,在所有幻灯片的fadeOut之后,下一个fadeIn会被调用两次,它会影响动画的整体外观.我尝试了很多东西,停止方法,用hide和其他东西写它,什么可能导致问题?
$(".slide_top").click(function () { animacija_init(); }); var kadras; var laikmatis; function animacija_init() { kadras = 1; $(".slide_top").fadeOut(500); animacija_trigger(); } function animacija_trigger() { if(kadras == 1) { $('.slide.one').delay(500).fadeIn("slow"); console.log("1"); } if(kadras == 2) { $('.slide.two').fadeIn("slow"); console.log("2"); } if(kadras == 3) { $('.slide.three').fadeIn("slow"); console.log("3"); } if(kadras == 4) { $('.slide').fadeOut(300,function() { $('.slide.four').delay(100).fadeIn("slow"); console.log("4"); }); } if(kadras == 5) { $('.slide.five').fadeIn("slow"); console.log("5"); } if(kadras == 6) { $('.slide.six').fadeIn("slow"); console.log("6"); } if(kadras == 7) { $('.slide').fadeOut(300,function() { $('#last_slide').delay(300).fadeIn("slow"); console.log("7"); }); } kadras++; laikmatis = setTimeout('animacija_trigger()',2500); if(kadras == 8) { baigti_animacija(); } } function baigti_animacija() { clearTimeout(laikmatis); }
有什么建议吗?这里的实例:www.iamrokas.com/demo_Boxi
Console.log用于检查事件何时开始
谢谢!
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。