2010-03-30 12 views
1

J'essaie de faire apparaître le titre de l'image en même temps que l'image apparaît, il apparaît actuellement juste après l'image, en utilisant l'option: après, le code ressemble à ceci, Toutes les idées comment je peux faire apparaître le titre synchroniser avec l'image? Je vous remercie! Copiez le codeAfficher le titre de l'image avec jQuery Cycle Plugin?

 $(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); 
       } 

Répondre

2

Utilisation before au lieu de after

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

btw. addTitle peut être optimisé (déclaration de variable inutile inutile et enveloppement jQuery non nécessaire)

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