Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Płynne przejścia między obrazkami
Jokeer
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 2.06.2008

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


Cześć, mam taki kod, który zmienia co jakiś czas logo na mojej stronie. Niestety obrazki zmieniają się bez żadnego przejścia. Jak mogę zmodyfikować ten kod, żeby uzyskać efekt jakiegoś łagodnego przejścia?

  1. <script language="javascript">
  2.  
  3.  
  4. var delay=5000 //set delay in miliseconds
  5.  
  6. var curindex=0
  7.  
  8. var randomimages=new Array()
  9.  
  10. randomimages[0]="images1.jpg"
  11.  
  12. randomimages[1]="images2.jpg"
  13.  
  14. randomimages[2]="images3.jpg"
  15.  
  16. randomimages[3]="images4.jpg"
  17.  
  18. randomimages[4]="images5.jpg"
  19.  
  20. randomimages[5]="images6.jpg"
  21.  
  22. var preload=new Array()
  23.  
  24. for (n=0;n<randomimages.length;n++)
  25.  
  26. {
  27.  
  28. preload[n]=new Image()
  29.  
  30. preload[n].src=randomimages[n] //cycle('fade');
  31.  
  32.  
  33. }
  34.  
  35. document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]
  36. +'">')
  37.  
  38. function rotateimage()
  39.  
  40. {
  41.  
  42. if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length))
  43. )){
  44.  
  45. curindex=curindex==0? 1 : curindex-1
  46.  
  47. }
  48.  
  49. else
  50.  
  51. curindex=tempindex
  52.  
  53. document.images.defaultimage.src=randomimages[curindex]
  54.  
  55. }
  56.  
  57. setInterval("rotateimage()",delay)
  58.  
  59. </script>


Dzięki i pozdrawiam (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Zastosuj kod z przykładu( dokładnie to co chcesz ) lub zleć to komuś.

Pozdrawiam

PS. Twój kod jest przestarzały. Nie da się w łatwy sposób go przerobić, trzeba by było napisać całość od nowa. Więc najlepszym wyjście jest zastosowanie kodu z linku (IMG:style_emoticons/default/smile.gif)
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: 27.12.2025 - 22:23