Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]ladny efekt przejscia pomiedzy zdjeciami
Kamil Pietrzak
post
Post #1





Grupa: Zarejestrowani
Postów: 213
Pomógł: 10
Dołączył: 7.01.2010
Skąd: Lublin

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


witam,

chce dac na stronke cos takiego:
sa przyciski "1, 2, 3, 4"
uzytkownik klika przycisk i w miejscu obrazka a pojawia si obrazek b
przy uzyciu getElementByld nawet nei widac przejsca, jest za szybko
js nie posiada za bardzo funkcji sleep, wiec tez lipa
zaczalem sie rozgladac za gotowcem
ale poza kiljudziesiecioma poteznymi galeriami nic nie znalazlem
zgaduje, ze jest to w jakiejs bibliotece tpu prototype, tylko ja nei wiem jak szukac

dokladnie chodzi mi onp. to takie cos
jest obrazek a, klikam w przycisk, obrazek a wygasa do bialego, pozniej podobnie pojawia sie obrazek b, albo cos podobnego co sprawi, ze obrazek nie bedzie sie tak mechanicznie zmienial
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
b_chmura
post
Post #2





Grupa: Zarejestrowani
Postów: 813
Pomógł: 34
Dołączył: 18.03.2007
Skąd: o stamtąd

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


Z wykorzystaniem mootools:

  1. var imgStr = $$(".numerki");//...w tą klase umieść numerki do zdjęć
  2. var imgImg = $$(".obrazki");//...w tą klase zdjęcia
  3. var speed = 1000;//.............prędkość pojawiania się obrazka
  4.  
  5. var showImg = [];
  6.  
  7. if(imgStr && imgImg)
  8. {
  9. imgImg[0].set("opacity", 1);
  10.  
  11. imgStr.each(function(el, a)
  12. {
  13. showImg[a] = new Fx.Tween(imgImg[a], {duration: speed, wait: false});
  14.  
  15. el.addEvent("click", function()
  16. {
  17. imgImg.each(function(el, a)
  18. {
  19. el.set("opacity", 0);
  20. });
  21.  
  22. showImg[a].start("opacity", 1);
  23. });
  24.  
  25. });
  26. }


Oczywiście wszystko trzeba dobrze ostylować. Jeśli będziesz i tutaj potrzebował pomocy pisz. Na razie nie chce mi się produkować (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
Chmura B.
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: 5.10.2025 - 19:55