2011-04-25 5 views
0

다른 div 상자를 자동으로 사라지게하는 플러그인 또는 2 개의 링크로 나를 도와 주시겠습니까? 내 HTML은 다음과 같습니다.jQuery 플러그인 - DIV 상자 체인저/페이더?

<div class="box"> 
    <img src="test1.jpg" /> 
    <p>text1</p> 
</div> 

<div class="box"> 
    <img src="test2.jpg" /> 
    <p>text2</p> 
</div> 

<div class="box"> 
    <img src="test3.jpg" /> 
    <p>text3</p> 
</div> 

고맙습니다. 모든 의견을 높게 평가했습니다.

답변

1

순서대로 페이드하고 싶습니까?

$(".box:first").fadeIn("fast", f=function(){ 
    if($(this).next(".box").length != 0) $(this).next(".box").fadeIn("fast", f); 
}); 

편집

이 상자는 기본적으로 숨겨져 있는지 확인 :

CSS : .box { display: none; } 또는 jQuery를 : $(".box").hide()합니다.

+0

감사합니다! 불행히도 그것은 작동하지 않습니다. 빨리 살펴보고 싶다면 [테스트 페이지] (http://test.sopranowebdesign.com/boxes.html)를 설정했습니다. 최선을 다해, 크리스. – Cris

+1

실제로 작동하지만 상자가 기본적으로 숨겨져 있음을 잊어 버렸습니다. 내 대답을 편집했습니다. – mattsven

+0

그래, 지금은 작동 :) 나는 자신을 올바르게 표현하지 않았다 ... 나는 한 번에 하나의 상자를 (슬라이드 쇼처럼 오직 페이드 인 효과와 같이) 원한다. ... 나는 다른 비활성 상자를 설정해야 하는가? 숨겨진? – Cris