使用jQuery Cycle Plugin显示图像标题?

时间:2010-03-30 20:55:35

标签: jquery jquery-plugins cycle cycle-plugin

我试图在图像出现的同时显示图像标题,它当前显示在图像之后,使用: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);
              }

1 个答案:

答案 0 :(得分:2)

使用before代替after

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

顺便说一句。可以优化addTitle(删除不需要的变量声明和不需要的jQuery包装)

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