Witam mam taki problem!
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:
<a href="#news1">Pierwszy news
</a> |
<a href="#news2">Drugi news
</a> |
<a href="#news3">Trzeci news
</a> |
<a href="#news4">Czwarty news
</a> |
<a href="#news5">Piaty news
</a> <div class="news"><div id="news1"> <p>Lorem ipsum dolor sit amet pede. Etiam mollis non, tempor vel, vehicula sit amet eleifend pede dictum wisi semper auctor. Aenean scelerisque, wisi accumsan congue. Donec nonummy sagittis. Nulla eu mi quam, lobortis convallis, dui eu wisi. Sed ornare, erat volutpat.
</p> <a href="http://www.svp.pl" target=_blank> <img src="svp-logo.jpg" width="151" height="109" border="0"></a> <div class="news"><div id="news2"> <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 class="news"><div id="news3"> <p>Aliquam dolor a auctor non, tristique senectus et accumsan dictum, laoreet feugiat. Cum sociis natoque penatibus et nisl. Morbi id lacus tellus non nibh orci sit amet libero wisi, ullamcorper risus.
</p> <div class="news"><div id="news4"> <p>Vestibulum ante ipsum dolor sit amet, tellus. In nunc fringilla sed, posuere cubilia Curae, Mauris vehicula libero lacinia neque. Maecenas ac enim quis neque nibh porta scelerisque, quam nibh nulla nisl at sapien. In hac habitasse platea dictumst.
</p> <div class="news"><div id="news5"> <p>Vestibulum ante ipsum dolor sit amet, tellus. In nunc fringilla sed, posuere cubilia Curae, Mauris vehicula libero lacinia neque. Maecenas ac enim quis neque nibh porta scelerisque, quam nibh nulla nisl at sapien. In hac habitasse platea dictumst
</p>
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ć