Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Najprosty slider z lewej na prawą
Forum PHP.pl > Forum > Przedszkole
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
  1. index += 1;
[JAVASCRIPT] pobierz, plaintext
bahh
zatem wystarczy zmienić kolejność w kodzie:
[JAVASCRIPT] pobierz, plaintext
  1. changeSlide();
  2. started=true;
[JAVASCRIPT] pobierz, plaintext

na:
[JAVASCRIPT] pobierz, plaintext
  1. started=true;
  2. 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ą)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.