Szukam najprostszego slidera(karuzeli) jquery z zakładkami

Szukam najprostszego slidera(karuzeli) jquery z zakładkami
D1
  • Rejestracja: dni
  • Ostatnio: dni
0

Szukam najprostszego slidera z zakładkami. Dotychczas korzystałem z bxSlider, który dosyć prosto się konfiguruje ale to jest wielka kobyła jak na moje potrzeby. Bardziej chodzi mi o coś tak prostego jak to

http://jsfiddle.net/codebombs/ukNmT/

Tyle że zamiast nawigacji mają być dni tygodnia a slider ma się zatrzymywać po najechaniu na przycisk kursorem. Sama nawigacja będzie tworzona dynamicznie. Tzn. Czasem będzie Poniedziałek - Piątek a czasem np. Wtorek - Czwartek. Niestety JS/jquery znam słabo więc sam tego nie przerobię. A googlając ciągle znajduje albo pluginy albo zwykłe slidery bez zakładek.

dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
0

co to jest "zakładka" w sliderze, bo nie bardzo wiem o co Ci chodzi i nie wynika to z przykładu

D1
  • Rejestracja: dni
  • Ostatnio: dni
0

Chodziło o coś takiego
http://jsfiddle.net/5eyoxzm7/

Przerobiłem poprzedni przykład przy pomocy opisów funkcji api.jquery.com i własnej dedukcji :P. Działa prawie tak jak chciałem tylko nie wiem jak na stałe zapauzować slider przy trzymaniu myszki. Jedyne co mogłem zrobić to opóźnić dany slajd.

Tumeg
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 687
0

Po najechaniu myszką na slider staje on w miejscu.
http://jsfiddle.net/5eyoxzm7/1/

D1
  • Rejestracja: dni
  • Ostatnio: dni
0

Ojej, przepraszam , nie zrobiłem updatu kodu. Chodziło mi o takie zakładki.

http://jsfiddle.net/5eyoxzm7/3/

Zaaplikowałem kod kolegi Tumeg i teraz działa jak należy tylko tym razem coś mi dodawanie atrybutu aktywnego klawisza nie działa (wcześniej działało). Ale to szczegół.

Serdeczne dzięki za pomoc!

//EDIT
Jednak znów nie działało ale przez ten sam błąd który robiłem wcześniej. Po najechaniu powinienem najpierw wywołać funkcję przełączającą na dany index a dopiero później resetować timeoutID. A ja robiłem odwrotnie i funkcja uruchamiała ponownie slider.

Co do aktywnego przycisku to był zgrzyt w stylowaniu (stylowanie dla #dni li zmieniłem na stylowanie dla .day)

http://jsfiddle.net/5eyoxzm7/5/

Jeszcze raz dziękuję.

dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
0

Polecam funkcję $().stop(true, true), bo się robi masakra po machaniu kursorem po przyciskach

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.