login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:

Scripts > JS > Afbeelding effecten > Seizoen afbeelding

Seizoen afbeelding

Auteur: FreeJava - 08 oktober 2006 - 11:58 - Gekeurd door: Wijnand - Hits: 4174 - Aantal punten: 3.00 (1 stem)




Met dit script krijg je per seizoen een andere afbeelding!

Scrol door het script tot waar ik heb aangegeven waar je de plaatjes kunt veranderen.

Code:
Zet het volgende tussen de <head> tags van je pagina:

  1. <script language="javascript">
  2. <!--
  3. function getSeizoen(){
  4. var datum = new Date();
  5. var maand = datum.getMonth();
  6. var dag = datum.getDate();
  7. if (maand == 12 && dag >= 21){
  8. return(1);
  9. }
  10. if (maand >= 0 && maand <= 1){
  11. return(1);
  12. }
  13. if (maand == 2 && dag < 21){
  14. return(1);
  15. }
  16. if (maand == 2 && dag >= 21){
  17. return(2);
  18. }
  19. if (maand >= 3 && maand <= 4){
  20. return(2);
  21. }
  22. if (maand == 5 && dag < 21){
  23. return(2);
  24. }
  25. if (maand == 5 && dag >= 21){
  26. return(3);
  27. }
  28. if (maand >= 6 && maand <= 7){
  29. return(3);
  30. }
  31. if (maand == 8 && dag < 21){
  32. return(3);
  33. }
  34. if (maand == 8 && dag >= 21){
  35. return(4);
  36. }
  37. if (maand >= 9 && maand <= 10){
  38. return(4);
  39. }
  40. if (maand == 11 && dag < 21){
  41. return(4);
  42. }
  43. }
  44.  
  45. function getAfbeelding(){
  46. switch(getSeizoen()){
  47. // Verander hier de plaatjes
  48. // case 1 = winter
  49. // case 2 = lente
  50. // case 3 = zomer
  51. // case 4 = herfst
  52. case 1:
  53. return("winter.jpg");
  54. break;
  55. case 2:
  56. return("lente.jpg");
  57. break;
  58. case 3:
  59. return("zomer.jpg");
  60. break;
  61. case 4:
  62. return("herfst.jpg");
  63. break;
  64. }
  65.  
  66. }
  67. -->
  68. </script>


En zet het volgende tussen de <body> tags:

  1. <script language="javascript">
  2. document.write("<img src=" + getAfbeelding() + ">");
  3. </script>
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Geen reacties (0)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.034s