chcę zrobić coś takiego jak na stronie firefoxa z pluginami że klikająć na daną zakładkę przesunie nam się obiekt i niby mam coś podobnego zrobione ale nie do końca. Mianowicie mam u góry linki do każdej zakładki i na dole (pod polem gdzie te zakladki się wczytują ) mam 2 przyciski "do przodu" i "do tyłu" i te 2 przyciski działają (wszystko ładnie płynnie się przesuwa) a te zakładki co mam u góry nie działają, niby wczytują daną zakładkę ale poprostu podmieniają tekst a nie płynnie przechodzą tak jak to jest na stronie firefoxa
Oto kod:
HTML:
<div id="demo-bar"> </div> <div id="scrollinfo"> <div id="flex"> <a href="http://www.svp.pl" target=_blank> <p>Nulla eu mi quam, lobortis convallis, dui eu wisi. Sed ornare, erat volutpat.orci. Sed euismod mi. Aliquam erat eget elit purus, dictum est, viverra elit at arcu. Suspendisse at porta turpis sed eros orci convallis auctor. Aenean vulputate lectus. Phasellus dapibus non, dolor. Aliquam faucibus volutpat, libero wisi, mollis nunc neque, malesuada tristique id, vulputate quam. Maecenas nec cursus eu, purus.</p> </div> </div>
a tu JS
window.addEvent("load",function(){ var przewijanie = new Fx.Scroll("scrollinfo"); var el_tab = []; var aktualny_div = 0; $$("#scrollinfo div.news").each(function(element,index){ el_tab[index] = element; }); $("wLewo").addEvent("click",function(){ if(aktualny_div == 0){ aktualny_div = 4; przewijanie.toRight(); } else{ aktualny_div--; przewijanie.toElement(el_tab[aktualny_div]); } }); $("wPrawo").addEvent("click",function(){ if(aktualny_div == 4){ aktualny_div = 0; przewijanie.toLeft(); } else{ aktualny_div++; przewijanie.toElement(el_tab[aktualny_div]); } }); });
Bardzo prosze o pomoc jak to zrobić