[Resolvido] Pegar texto do alt e title.

[allex_carvalho 124]

Bom dia.

 

Estou usando o cycle para fazer um slider. Está funcionando o slider e a primeira parte da descrição que preciso. Tenho que imprimir o titulo e a descrição junto com a imagem. Pensei em pegar o title para o titulo e o alt para a descrição. Só que só estou conseguindo imprimir o title. Vejam o html:

 

<div id="slider">
           <a href="#"><span id="prev"></span></a>
           <a href="#"><span id="next"></span></a>
           <ul id="nav"></ul>
           <div id="caption"></div>
           <div id="slide">
               <a href="" title="Aqui vai o titulo"><img src="uploads/slide/1.jpg" width="995" height="397" alt="Primeiro registro" /></a>
               <a href="" title="Aqui vai o segundo titulo"><img src="uploads/slide/1.jpg" width="995" height="397" alt="Segundo registro" /></a>
               <a href="" title="Aqui vai o titulo"><img src="uploads/slide/1.jpg" width="995" height="397" alt="Terceiro registro" /></a>
               <a href="" title="Aqui vai o titulo"><img src="uploads/slide/1.jpg" width="995" height="397" alt="Quarto registro" /></a>
               <a href="" title="Aqui vai o titulo"><img src="uploads/slide/1.jpg" width="995" height="397" alt="Quinto registro" /></a>   
           </div><!-- slide -->
       </div><!-- slider -->

 

E o script:

 

$(document).ready(function(){

// Destaque
$('#slide').cycle({ 
       fx:     'fade', 
       speed:   500, 
       timeout: 0, 
prev:    '#prev',
       next:    '#next',
       pager:  '#nav',
speed:  2000,
       timeout: 6000,
       before: function() {  
           $('#caption').html(this.title);
    $('#caption').html(this.alt); 
       }
   });

});

 

Obrigado pela atenção.

[William Bruno 1501]

o segundo está sobrescrevendo o primeiro:

 

 $('#caption').html(this.title);
           $('#caption').html( $('#caption').html()+this.alt );

[allex_carvalho 124]

Bom dia William...

 

Da forma mencionada retornou undefined.

 

Obrigado pela atenção.

[William Bruno 1501]

isso, pq o alt tá na imagem e não na tag a, que é o THIS.

 

apartir do this, você tem que achar a imagem, e ai então pegar o alt.

tenta assim:

            $('#caption').html( $('#caption').html()+this.getElementsByTagName('img')[0].alt );

[allex_carvalho 124]

Valeu William, agora fico 100%. Obrigado pela atenção.

[Henrique Barcelos 290]

Olha, eu recomendo utilizar a interface do DOM:

$('#caption').html( $('#caption').html()+this.getElementsByTagName('img')[0].getAttribute('alt');