Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z fx.scroll
szlipek
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 30.03.2009
Skąd: Sępólno Krajeńskie

Ostrzeżenie: (0%)
-----


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:
  1. <div id="demo-bar">
  2. <a href="#news1">Pierwszy news</a> |
  3. <a href="#news2">Drugi news</a> |
  4. <a href="#news3">Trzeci news</a> |
  5. <a href="#news4">Czwarty news</a> |
  6. <a href="#news5">Piaty news</a>
  7. </div>
  8. <div id="scrollinfo">
  9. <div id="flex">
  10. <div class="news"><div id="news1">
  11. <h2>Pierwszy news</h2>
  12. <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>
  13. <a href="http://www.svp.pl" target=_blank>
  14. <img src="svp-logo.jpg" width="151" height="109" border="0"></a>
  15. </div></div>
  16. <div class="news"><div id="news2">
  17. <h2>Drugi news</h2>
  18. <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>
  19. </div></div>
  20. <div class="news"><div id="news3">
  21. <h2>Trzeci news</h2>
  22. <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>
  23. </div></div>
  24. <div class="news"><div id="news4">
  25. <h2>Czwarty news</h2>
  26. <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>
  27. </div></div>
  28. <div class="news"><div id="news5">
  29. <h2>Piaty news</h2>
  30. <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>
  31. </div></div>
  32. </div>
  33. </div>
  34. <button id="wLewo">&lt;</button>
  35. <button id="wPrawo">&gt;</button>
  36.  
  37.  





a tu JS 

  1.  
  2. window.addEvent("load",function(){
  3. var przewijanie = new Fx.Scroll("scrollinfo");
  4. var el_tab = [];
  5. var aktualny_div = 0;
  6.  
  7. $$("#scrollinfo div.news").each(function(element,index){
  8. el_tab[index] = element;
  9. });
  10.  
  11. $("wLewo").addEvent("click",function(){
  12. if(aktualny_div == 0){
  13. aktualny_div = 4;
  14. przewijanie.toRight();
  15. }
  16. else{
  17. aktualny_div--;
  18. przewijanie.toElement(el_tab[aktualny_div]);
  19. }
  20. });
  21.  
  22. $("wPrawo").addEvent("click",function(){
  23. if(aktualny_div == 4){
  24. aktualny_div = 0;
  25. przewijanie.toLeft();
  26. }
  27. else{
  28. aktualny_div++;
  29. przewijanie.toElement(el_tab[aktualny_div]);
  30. }
  31. });
  32. });
  33.  
  34.  


Bardzo prosze o pomoc jak to zrobić

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 19:25