login  Naam:   Wachtwoord: 
Registreer je!
 Forum

fade image

Offline Tommmie - 22/01/2006 00:00
Avatar van TommmieNieuw lid Hey,

Ik heb een leuk javascriptje gevonden om een image te faden. Als je met je muis over de image gaat worden (in mijn geval) twee opeenvolgende images getoont.

Nu vraag ik me af ofdat het moglijk is om meerdere images op 1 pagina te faden. Want ik ben niet zo goed met javascript, en ik heb al wat geprobeerd zoals overal een 2 achter zetten. Maar het is me nog altijd niet gelukt.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!-- Begin
  3. var maximages = 2; // how many fade images do you have?
  4. var fadespeed = 200; // fade frame time in milliseconds;  125 = 125 ms
  5.  
  6. var fadeintimer;
  7. var fadeouttimer;
  8. var fadeincount = 0;
  9. var fadeoutcount = maximages-1;
  10. var fadearray = new Array(maximages);  // enter all the fade images here
  11. // the first item should be 0, then numbered through 1 less than your maximages
  12.  
  13. fadearray[0] = "icoontjes/kleur/1.gif";
  14. fadearray[1] = "icoontjes/1.gif";
  15.  
  16. for (var i = 0; i < maximages; i++) {
  17. eval('pic' + i + ' = new Image();');
  18. eval('pic' + i + '.src = fadearray[i];'); // preloads fade images
  19. }
  20. function fade_in() {
  21. clearTimeout(fadeouttimer);
  22. document.images['fade-pic'].src = fadearray[fadeincount];
  23. if (fadeincount != maximages-1) {
  24. fadeincount++;
  25. fadeintimer = setTimeout('fade_in()', fadespeed);
  26. }
  27. else {
  28. clearTimeout(fadeintimer);
  29. fadeincount = 0;
  30.    }
  31. }
  32. function fade_out() {
  33. clearTimeout(fadeintimer);
  34. document.images['fade-pic'].src = fadearray[fadeoutcount];
  35. if (fadeoutcount != 0) {
  36. fadeoutcount--;
  37. fadeouttimer = setTimeout('fade_out()', fadespeed);
  38. }
  39. else {
  40. clearTimeout(fadeouttimer);
  41. fadeoutcount = maximages-1;
  42.    }
  43. }
  44. //  End -->
  45. </script>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="http://www.verkom.be" onmouseover="fade_in()" onmouseout="fade_out()"><img src="icoontjes/donker/1.gif" alt="Verkom" name="fade-pic" width=100 height=100 border=0><br></a>


Nu wil ik een tweede image met vb: 3.gif laten faden.

2 antwoorden

Gesponsorde links
Offline Martijn1989 - 22/01/2006 12:09
Avatar van Martijn1989 PHP ver gevorderde Op lijn 13/14 staat :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. fadearray[0] = "icoontjes/kleur/1.gif";
  2. fadearray[1] = "icoontjes/1.gif";


Miss, moet je dan dit ervan maken :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. fadearray[0] = "icoontjes/kleur/1.gif";
  2. fadearray[1] = "icoontjes/1.gif";
  3. fadearray[2] = "icoontjes/donker/1.gif";


Kweet het zelf ook niet, maar je zou dit kunnen proberen.
Offline b4nkr0bz0r - 22/01/2006 12:11
Avatar van b4nkr0bz0r PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var maximages = 2; // how many fade images do you have?


dit moet je dan ook aanpassen denk ik.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s