使用 jQuery Cycle 插件显示图像标题？

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

。 addTitle 可以优化（删除不需要的变量声明和不需要的 jQuery 包装）

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