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: 4162 - 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:

php code - Bekijk de code zonder highlighting - Klap code in 
  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:

php code - Bekijk de code zonder highlighting - Klap code in 
  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.028s