dans l'écho alt texte comme lable image dans jquery

Question

im travaillant sur le script jquery pour montrer capotage, maintenant je dois montrer chaque image alt texte dans une boîte div

ceci est mon code jquery:

$(document).ready(function(){ 


$("ul.thumb li").hover(function() { 
    $(this).css({'z-index' : '10'}); 
    $(this). 

    find('img').addClass("hover").stop() 
     .animate({ 
      width: '174px', 
      height: '174px', 
     }, 200); 

    } , function() { 
    $(this).css({'z-index' : '0'}); 
    $(this).find('img').removeClass("hover").stop() 
     .animate({ 
      width: '100px', 
      height: '100px', 
     }, 400); 
}); 

    $("ul.thumb li a").click(function() { 

     var mainImage = $(this).attr("href"); //Find Image Name 
     $("#main_view img").attr({ src: mainImage }); 
     return false;  
    }); 

}); 

et html:

<ul class='thumb'> 
<li><a href='#'><img src='path' alt='this-text'></a></li> 
<li><a href='#'><img src='path' alt='this-text'></a></li> 
<li><a href='#'><img src='path' alt='this-text'></a></li> 
</ul> 
<div id='imglabel'></div> 

maintenant comment puis-je montrer chaque image alt valeur dans

div id = 'imglabel'

sur l'effet de mouseover comme il est plané

Answer 1

Vous pouvez boucle à travers chaque image et ajouter leurs attributs alt à imglabel:

$("#imglabel").mouseover(function() { 

     $("img").each(function() { 

      $("#imglabel").append($(this).attr('alt')); 
     }) 
    }).mouseout(function() { 

     $(this).empty(); 
    })