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ć

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ć

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

Bo cały czas działam

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

resztę już mam

OK

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