[jquery] Jak zrobic petle, gdzie co jakis czas beda sie zmieniac divy z obrazkiem? Opcje

[basu]

Witam,
jak zrobic banner, gdzie divy z obrazkiem beda sie zmieniac w petli co jakis czas w efektem fadeOut(). Jak zapetlic taka animacje?
Chodzi o to ze przez powiedzmy 10s mam pokazany div=banner_right_1 z obrazkiem, pozniej po 10 sek wjezdza div=banner_right_2, po nast 10 sek div=banner_right_3 i spowrotem 1 i tak w kolko?

[HTML] pobierz, plaintext 
<div id="banner_right">
			<div id="banner_right_1"></div>
			<div id="banner_right_2"></div>
                        <div id="banner_right_3"></div>
</div>
[HTML] pobierz, plaintext 

[lord_t]

To może trzeba zamiast fade-ów zastosować przezroczystość (opacity). Masz 3 divy wszystkie w tym samym miejscu (position absolute?) i zmyślnie manewrujesz właśnie przezroczystością (może też z-indexem).

Możesz też obczaić show i hide. Wyszło ciekawie:)

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
$('document').ready(function(){
pokaz(1,3);
});
 
function pokaz(i,j){
  i=i%3+2;
  $("#banner_right_"+j).hide('slow');//alert('$("#banner_right_"'+(i-1)+').fadeIn()');
  $("#banner_right_"+(i-1)).show('slow');//',400);
  setTimeout("pokaz("+i+","+(i-1)+")",2000);
}
//-->
</script>
 
<style type="text/css">
/* <![CDATA[ */
#banner_right_1{ 
background:#dda;
width:400px;
display:none;
}
#banner_right_2{ 
background:#cfa;
width:400px;
display:none;
}
#banner_right_3{ 
background:#aaa;
width:400px;
display:none;
}
 
#banner_right{
 height:10;
 border:black solid 1px;
}
/* ]]> */
</style>
 
 
 
<div id="banner_right">
<div id="banner_right_1">x</div>
<div id="banner_right_2">x</div>
<div id="banner_right_3">x</div>
</div>
[HTML] pobierz, plaintext