用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而不是after

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

BTW。 addTitle可以優化（刪除不需要的變量聲明和不需要的jQuery包裝）

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