用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); 
}