Szukam najprostszego slidera(karuzeli) jquery z zakładkami

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.

0

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

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.

0

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

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ę.

0

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1