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%)
-----


ShadowD n/c (IMG:http://forum.php.pl/style_emoticons/default/blinksmiley.gif)

basu
łap i analizuj:
  1. <script type="text/javascript">
  2. <!--
  3. $('document').ready(function(){
  4. pokaz(1,3);
  5. });
  6.  
  7. function pokaz(i,j){
  8. i=i%3+2;
  9. $("#banner_right_"+j).fadeOut();
  10. $("#banner_right_"+(i-1)).fadeIn();
  11. setTimeout("pokaz("+i+","+(i-1)+")",10000);
  12. }
  13. //-->
  14.  
  15. <style type="text/css">
  16. /* <![CDATA[ */
  17. #banner_right_1{
  18. background:#dda;
  19. width:400px;
  20. display:none;
  21. }
  22. #banner_right_2{
  23. background:#cfa;
  24. width:400px;
  25. display:none;
  26. }
  27. #banner_right_3{
  28. background:#aaa;
  29. width:400px;
  30. display:none;
  31. }
  32.  
  33. /* ]]> */


Ten post edytował lord_t 26.06.2008, 16:35:18
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: 10.10.2025 - 11:03