Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Prosty slider (li div) lewo - prawo + wyśrodkowanie elementów
Forum PHP.pl > Forum > Przedszkole
Elber
Witam,

mam problem, szukałem wczoraj cały dzień jakiegoś prostego slidera który spełnił by moje oczekiwanie ale nic nie znalazłem, dla kogoś kto dobrze umie JS to nie będzie problem chyba a ja sobie z tym nie potrafię poradzić sad.gif Otóż chciałbym tutaj http://www.techos.pl/smolin/ (w miejscu gdzie są te drzewka w box'ach) zrobić slider, aby te boxy się przesuwały w lewo i prawo po kliknięciu w przyciski, wysokość fotki się nie zmieni jednak szerokość za każdym razem będzie inna, chciałbym aby na raz były tylko 2 elementy widoczne i aby były rozmieszczone w równych odstępach od siebie i od bocznych krawędzi (tak aby były na środku) (szerokość takiego boxa będzie się zmieniać w zależności od szerokości fotki) nie mam bladego pojęcia jak coś takiego zrobić, fajerwerków nie potrzebuję tylko prostego przesuwania tych boxów. Mógłby ktoś mi pomóc ?

Ogólnie chyba muszę policzyć ile elementów <li> jest, następnie aby odstępy 2 boxów były równe od siebie to muszę wykonać obliczenie: 900 - szerokość_pierwszego - szerokość_drugiego / 4 i wynik tego obliczenia dodać jako margin-left i margin-right do 2 boxów które aktualnie są wyświetlanie i za każdym razem kiedy te 2 boxy się zmienią takie obliczenie muszę wykonać tylko nie wiem jak to w JS wykonać sad.gif a następnie jakoś muszę zrobić aby po kliknięciu strzałki 2 pierwsze boxy zniknęły i pojawiły się 2 następne ...tylko jak ?

Żeby nie było że czekam cały czas na gotowe rozwiązanie biggrin.gif Bo cały czas działam biggrin.gif Już mi się niby przesuwa ... ale tak dziwnie przeskakuje i nie wiem jak zrobić żeby 2 elementy mi się tylko wyświetlały ;/

http://www.techos.pl/smolin/

Aktualnie jestem na etapie, aby tylko 2 elemnety były widoczne w równych odstępach wink.gif resztę już mam smile.gif

OK wink.gif Aktualnie robiłem tak jak chciałem .. ale jest to zrobione tak że 2 boxy są w 1 <li>

Ma ktoś pomysł jak przesuwać to o 1 div'a questionmark.gif
ShadowD
Podziel "przesunięcie" na pół? :->
Elber
no ale teraz obliczam szerokości tych 2 div'ów w <li> i na tej podstawię obliczam odstępy żeby równe były smile.gif więc to nie takie proste chyba ... sad.gif
bzeebzee
Szkoda zachodzu i marnowania czasu. Proponuję ci zaprzyjaźnić się z biblioteką jQuery. W twoim przypadku poczytaj o pluginie jQuery Cycle. Odwali za ciebie całą robotę. Ty zaledwie wpisze kilka linijek JS tongue.gif

http://jquery.malsup.com/cycle/
Elber
Gdybym wiedział jak te Cycle wdrożyć w moje potrzeby to bym go użył biggrin.gif A teraz ten slider też w jQuery mam
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.