[JavaScript] Prosty slider (li div) lewo - prawo + wyśrodkowanie elementów, need help Opcje

[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ć (IMG:style_emoticons/default/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ć (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/biggrin.gif) Bo cały czas działam (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/wink.gif) resztę już mam (IMG:style_emoticons/default/smile.gif)

OK (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/questionmark.gif)

Ten post edytował Elber 23.01.2012, 00:34:53

[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 (IMG:style_emoticons/default/smile.gif) więc to nie takie proste chyba ... (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/tongue.gif)

http://jquery.malsup.com/cycle/

[Elber]

Gdybym wiedział jak te Cycle wdrożyć w moje potrzeby to bym go użył (IMG:style_emoticons/default/biggrin.gif) A teraz ten slider też w jQuery mam