2012-10-17 2 views
1

이미지의 벽과 텍스트 아래에 이미지가 사라져서 페이드 인 할 텍스트가 있습니다.
아래 코드를 사용하면 각 이미지가 페이드 인되어 모든 텍스트가 한 번에 사라집니다.
jQuery 각 인덱스 반복

Q : 색인을 사용하여 해당 텍스트가 이미지 다음에 사라지게하려면 어떻게해야합니까?
나는 found a similar question을 찾았지만 작동하지 못했습니다.

CSS :
.mydiv a, .mydiv p{ display:none;}

JS :

$('.mydiv a').each(function(index){ 
    var c = $(this); 
    $(new Image()).load(function(){ 
      c.fadeIn(500); 
      setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index 
    }).attr('src', c.find('img').attr('src')); 
}); 

답변

4

이동 기존 c 변수에서

$(c).closest(".mydiv").find("p").fadeIn(250); 

또는 사용하는 각 P 요소 하나 mydiv가 있는지 .eq()

,111,
0
$('.mydiv a').each(function(i, e){ 
    var c = $(this); 
    e.load(function(){ 
      c.fadeIn(500); 
      setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index 
    }).attr('src', c.find('img').attr('src')); 
}); 
+0

앵커 태그는 기본적으로로드 이벤트를 트리거하지 않으며로드 이벤트는 모든 브라우저에서 거품을 일으키지 않습니다. –