Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][JavaScript] Prosty slider jQuery
bahh
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


Potrzebuję stworzyć slidera z takiego układu:
  1. <div class="slider">
  2. <div id="s1">
  3. <div class="text1"></div>
  4. </div>
  5. <div id="s2">
  6. <div class="text1"></div>
  7. </div>
  8. <div id="s3">
  9. <div class="text1"></div>
  10. </div>
  11. </div>


1. s1 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s2 klasę animated bounceInLeft
2. s2 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s3 klasę animated bounceInLeft
2. s3 jest widoczny przez 5 sekund, potem dodaje mu się klasę animated bounceOutLeft i 300 milisekund później dodaje się już divowi o id s1 klasę animated bounceInLeft

I tak w kółko, wie ktoś jak powinien wyglądać kod jquery?

Przy okazji, istnieje funkcja w jQuery, która sprawdza czy przeglądarka obługuje animacje? Dobrze by było, gdyby w kodzie pojawił się warunek, że jeśli nie obługuje animacji to po prostu daje fadeOut, fadeIn

Powalczyłem z tym i zlepiłem coś takiego:
http://jsfiddle.net/t708zzdj/2/

Działa, jednakże ten start jest trochę dziwny. Chcę by równo był odliczany czas między przejściami i na początku i później
Go to the top of the page
+Quote Post

Posty w temacie
- bahh   [CSS][JavaScript] Prosty slider jQuery   10.12.2014, 22:41:31


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: 25.08.2025 - 05:52