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
basu
post
Post #2





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

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


To jest to! dzieki wielkie. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Jest tylko 1 maly problem: obrazek 2 i 3 pokazuja sie przez chwile w tym samym momencie co rozwala mi przez sekunde caly ukad strony?
Dzieje sie to gdy div 3 ma fadeout a 2 fadein?

  1. #banner_right {
  2. background-color: #1b8cc8;
  3. background-image: url(gfx/home_banner_pic_1.jpg);
  4. background-repeat: no-repeat;
  5. width: 606px;
  6. height: 217px;
  7. float: left;
  8. }
  9.  
  10. #banner_right_1 {
  11. background-color: #1b8cc8;
  12. background-image: url(gfx/home_banner_pic_1.jpg);
  13. background-repeat: no-repeat;
  14. width: 606px;
  15. height: 217px;
  16. float: left;
  17. display: none;
  18. }
  19.  
  20. #banner_right_2 {
  21. background-image: url(gfx/home_banner_pic_2.jpg);
  22. background-repeat: no-repeat;
  23. width: 606px;
  24. height: 217px;
  25. display: none;
  26. }
  27.  
  28. #banner_right_3 {
  29. background-image: url(gfx/home_banner_pic_3.jpg);
  30. background-repeat: no-repeat;
  31. width: 606px;
  32. display: none;
  33. height: 217px;
  34. }



OK juz dziala - position: absolute (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował basu 27.06.2008, 13:56:51
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 - 12:18