이미지 제목을 jQuery Cycle Plugin으로 표시 하시겠습니까?

Question

이미지를 표시하는 동시에 이미지 제목 표시를 만들려고합니다. 이미지 바로 다음에 : after 옵션을 사용하면 코드가 다음과 같이 표시됩니다. 제목을 표시하는 방법에 대한 아이디어 이미지와 동기화 하시겠습니까? 고맙습니다! 복사 코드

 $(document).ready(function() { 
       $('#home_gallery').before('<ul class="gallery-nav">').cycle({ 
        fx:  'fade', 
        speed: '1000', 
        timeout: 6000, 
        pager: '.gallery-nav', 
        slideExpr: 'img', 
        after: addTitle 
       }); 

      function addTitle() { 
        var name = $(this).attr('alt'); 

        $('.gallery-title').text(name); 
       } 

Answer 1

사용 before 대신 BTW

$('#home_gallery').before('<ul class="gallery-nav">').cycle({ 
    ... 
    before: addTitle 
    ... 
}); 

after. addTitle을 최적화 할 수 있습니다 (불필요한 변수 선언 제거 및 불필요한 jQuery 랩핑)

function addTitle() { 
    $('.gallery-title').text(this.alt); 
}