jquery - 制作一个jquery img循环动画消失

Question

我正在使用 Jquery Cycle 插件来创建淡入淡出背景。不过，我想看看是否有可能在您从菜单中打开 Accordion 选项卡后使其消失，并在它们全部关闭后再次出现。这是该网站的链接，以便您有更好的想法。 WEBSITE

这是我正在使用的 jquery 循环插件:

 <script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});
</script>

这是我正在使用的幻灯片( Accordion )脚本:

<script type="text/javascript">
    $('a.slidecontrol').click(function(){
    $(".display").not($(this).next()).slideUp();
            var $this = $(this);
            var divID = $this.attr("id").replace("slidecontrol_", "slidedisplay_");
            var $div = $('#'+divID);
            if ($div.is(':visible')) {
                $div.slideUp(500);
            } else {
                $div.slideDown(500);
            }
            return false;
        });
</script>

谢谢!索菲

Answer 1

在 click() 中添加 $('.slideshow').cycle('pause') 怎么样？

更多详细信息请参见:http://jquery.malsup.com/cycle/pause.html

根据您的评论进行编辑:

<script type="text/javascript">
var toggleBackground = function() {
    if ($('.display:visible').length) {
        $('.slideshow').fadeOut().cycle('pause');
    } else {
        $('.slideshow').fadeIn().cycle('resume');
    }
}

$('a.slidecontrol').click(function(){
    $(".display").not($(this).next()).slideUp();
    var $this = $(this);
    var divID = $this.attr("id").replace("slidecontrol_", "slidedisplay_");
    var $div = $('#'+divID);
    if ($div.is(':visible')) {
        $div.slideUp(500, toggleBackground);
    } else {
        $div.slideDown(500, toggleBackground);
    }

    return false;
});

</script>