[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