[JavaScript] Najprosty slider z lewej na prawą Opcje

[bahh]

Witam,

mam slidera działającego na zasadzie animacji animate.css - slider przewija tylko tekst z lewej na prawo za pomocą nakładania stylu i usuwania. Nie ma żadnych strzałek i przewijań ani określeń który to slajd.

Działa dokładnie tak: http://jsfiddle.net/dcptsc6n/

Nie wiem czemu, pierwszy slajd jest ze 2 razy dłużej a potem kolejne prawidłowo się wyświetlają (odstępy czasowe). Jak to poprawić? Zależy mi, by pozostałe slajdy były tam 5 sekund a pierwszy slajd przez np. 6 sekund

Jak sprawdzić za pomocą jQuery czy animacje w css są obsługiwane? Jeśli nie to jak zrobić alternatywę w jquery by przewijał z lewej na prawą (cała szerokość strony jest tu uwzględniana). Chcę by ten slider miał ręce i nogi, no i działał w każdym przypadku. Jakie przypadki powinienem jeszcze rozpatrzeć? Wiadomo, że jeśli nie ma javascripta włączonego to się sporo posypie. To też jakoś trzeba rozwiązać.

[wewior]

Pierwszy slajd jest 2 razy dłużej dlatego, że przy pierwszym wywołaniu changeSlide zmieniasz 1 slajd na 1 slajd.
Dlaczego? Dlatego że started ustawiasz na true po wywołaniu changeSlide wiec nie wykonuje się inkrementacja:

[JAVASCRIPT] pobierz, plaintext 
index += 1;
[JAVASCRIPT] pobierz, plaintext 

[bahh]

zatem wystarczy zmienić kolejność w kodzie:

[JAVASCRIPT] pobierz, plaintext 
  changeSlide();  
  started=true;
[JAVASCRIPT] pobierz, plaintext 

na:

[JAVASCRIPT] pobierz, plaintext 
   started=true;
  changeSlide();
[JAVASCRIPT] pobierz, plaintext 

Wtedy widzę, że problem jest rozwiązany. Ewentualnie zmienić zmienną z false na true

Nadal nie wiem jak sprawdzić czy przeglądarka obługuje animacje, jeśli nie to żeby to zastąpić (by nadal było przewijanie z lewej na prawą)

Ten post edytował bahh 31.12.2014, 12:17:11