jquery 슬라이드 쇼를 다시 시작하는 방법

Question

다음 코드가 있습니다. 클릭하면 슬라이더를 일시 중지하고 이미지를 일시 중지로 변경하고 싶습니다. 이 코드는 슬라이드 쇼를 일시 중지하지만 다시 시작하지는 않습니다. 또한 이미지를 전환하지 않습니다.

$(document).ready(function() { 
    $("#nextbackcontrols").show(); 
    $('.slideshow').cycle({ 
     fx: 'fade', 
     prev: '#prev', 
     next: '#next' 
    }); 

    $('#play').click(function() { 
     $('.slideshow').cycle('toggle'); 
     $("#play img").toggle(
      function() { 
       $(this).find("img").attr({ src: "/common/images/play.gif" }); 
      }, 
      function() { 
       $(this).find("img").attr({ src: "/common/images/pause.gif" }); 
      } 
     ); 
    }); 

}); 

Answer 1

이 시도 :

$('#play').live("click", function() { 
    $('.slideshow').cycle('toggle'); 
    $("#play img").toggle(
     function() { 

      // previously you were `.find`ing an image within an image 
      $(this).attr({ src: "/common/images/play.gif" }); 
     }, 
     function() { 
      $(this).attr({ src: "/common/images/pause.gif" }); 
     } 
    ); 
});