Сделать анимацию цикла jquery img исчезнуть - PullRequest
Новая
       12

Сделать анимацию цикла jquery img исчезнуть

1 голос
/ 01 апреля 2011

Я использую плагин Jquery Cycle для создания затухающего фона.Однако я хотел посмотреть, можно ли его убрать, как только вы откроете вкладку аккордеона в меню и появитесь снова, когда все они будут закрыты.Вот ссылка на сайт, чтобы у вас была лучшая идея. ВЕБ-САЙТ

это плагин цикла jquery, который я использую: 

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

и это СЛАЙД (АККОРДЕОН) ШРИПТ Я использую: 

<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>

Спасибо!Sofi

1 Ответ

3 голосов
/ 01 апреля 2011

А как насчет добавления $('.slideshow').cycle('pause') в click()?

Подробнее здесь: 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>
...