Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] Jak zrobic petle, gdzie co jakis czas beda sie zmieniac divy z obrazkiem?
basu
post
Post #1





Grupa: Zarejestrowani
Postów: 57
Pomógł: 0
Dołączył: 26.12.2005

Ostrzeżenie: (0%)
-----


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?

  1. <div id="banner_right">
  2. <div id="banner_right_1"></div>
  3. <div id="banner_right_2"></div>
  4. <div id="banner_right_3"></div>
  5. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


Łap basu:

-styl i js na których testowałem:
  1. <style type="text/css">
  2.  
  3. div{width:520px; height:70px;display:none;position:absolute}
  4. #div1{background: red;}
  5. #div2{background: blue;}
  6. #div3{background: gray;}
  7. #div4{background: yellow;}
  8. #div5{background: purple;}
  9. #div6{background: green;display:block;}
  10.  
  11. <script type="text/javascript" src="jquery-1.2.3.min.js"></script>
  12. <script type="text/javascript">
  13.  
  14. $('document').ready(function(){
  15. b=true;
  16. $('div').hover(function(){b=false;},function(){b=true;});
  17. show(1,6);
  18. });
  19.  
  20. function show(i,j){
  21.  
  22. if(b)
  23. {
  24. $("#div"+j).fadeOut();
  25. j=j+1; if( j>6 ) j=1;
  26.  
  27. $("#div"+i).fadeIn();
  28. i=i+1; if( i>6 ) i=1;
  29. }
  30.  
  31. setTimeout("show("+i+","+j+")",1000);
  32. }
  33.  

-divy na których testowałem
  1. <div id='div1'>11</div>
  2. <div id='div2'>22</div>
  3. <div id='div3'>33</div>
  4. <div id='div4'>44</div>
  5. <div id='div5'>55</div>
  6. <div id='div6'>66</div>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 10:18