Jquery image alt on hover

Question

마우스를 올리면 이미지에 대한 질문이 하나 있습니다.

난 당신이 크고 smole 이미지가 볼 수있는이 바이올린이 fiddle

을 만들어야합니다. 당신이 떠올리게 할 때 smole 이미지가 커지고 큰 이미지가 바뀝니다.

내가 원하는 것을. 큰 이미지에서 alt을 추가하고 싶습니다. 내 데모에서는 smole 이미지가있는 alt이 표시됩니다. 또한 내 코드는 정의되지 않았다. 큰 이미지에서만 alt를 표시하려면 어떻게해야합니까? undefined 문제에 대한

$(document).ready(function() { 
    var a = $(this).attr('alt'); 
    $("#magazin_sldwr li img").hover(function(){ 
     clearTimeout(autoScrollerTimer); 
     $(this).parent('li').addClass('active').siblings().removeClass('active'); 
     $('#mainm-img').attr('src',$(this).attr('src').replace('thumb/', '')).parent().attr('href',$(this).parent().attr('href'),$(this).parent().append('<div class="title">' + a + '</div>')); 

    }, function(){ 
     autoChangeImage(); 
    }); 

Answer 1

: $(this)가 축소되기 전에 당신은 너무 일찍 변수 a$(this).attr('alt')에 설정하고 있습니다. 당신과 같이, hover()에 전달하는 기능에서 설정

봅니다 :

$(document).ready(function() { 
    var a; 
    $("#magazin_sldwr li img").hover(function(){ 
     a = $(this).attr('alt'); 
     clearTimeout(autoScrollerTimer); 
     $(this).parent('li').addClass('active').siblings().removeClass('active'); 
     $('#mainm-img').attr('src',$(this).attr('src').replace('thumb/', '')).parent().attr('href',$(this).parent().attr('href'),$(this).parent().append('<div class="title">' + a + '</div>')); 

    }, function(){ 
     autoChangeImage(); 
}); 

다른 대체 텍스트를 보여주는를 들어, 귀하의 질문에 자세한 될해야합니다.