마우스를 이미지 위로 가져 가면 이미지 제목이 제거됩니다.

Question

내 이미지 갤러리에 lytebox를 사용하고 있습니다. 사용자가 이미지를 가리키면 브라우저에 html 태그가 표시된 텍스트가 표시됩니다.

예 :

<h1>This is the first image </h1> 
<p>The image desc<p> 

내 이미지 갤러리를위한 title 속성을 필요로하지만 사용자 hovesr 이미지를 보여주고 싶지 않아요. 그게 가능하니? 도와 주셔서 감사합니다.

Answer 1

var imgTitle; 

$("img").hover(function(){ 
    imgTitle = $(this).attr("title"); 
    $(this).removeAttr("title"); 
}, function(){ 
    $(this).attr("title", imgTitle); 
}); 

Answer 2

난 당신이 그런 짓을 할 거라고 생각 :

$('#slideshow img').hover(function() { 
    $(this).data('title', $(this).attr('title')); 
    $(this).attr('title', ''); 
}, function() { 
    $(this).attr('title', $(this).data('title')); 
});​ 

데모 : 당신은 IMG의에 제목을 볼 수 없습니다하지만 당신이 그 (것)들을 검사하는 경우는거야 http://jsfiddle.net/lucuma/cX5MD/

그들은 아직 거기에 있습니다.

빈 문자열로 설정하는 대신 jQuery removeAttr 및 attr을 사용할 수도 있습니다.