jquery img주기 애니메이션을 사라지게 만들기

Question

jquery Cycle Plugin을 사용하여 배경을 만듭니다. 그러나 일단 메뉴에서 아코디언 탭을 열면 사라질 수 있는지 확인하고 모두 닫으면 다시 나타납니다. 여기에 웹 사이트 링크가있어 더 나은 아이디어를 얻을 수 있습니다.

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

를이 내가 사용하고 슬라이드 (ACCORDION) SRIPT입니다 : WEBSITE

이 JQuery와주기 플러그인 내가 사용하고있다

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