javascript: jpg je nach Jahreszeit anzeigen - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > javascript: jpg je nach Jahreszeit anzeigen

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > javascript: jpg je nach Jahreszeit anzeigen

Pages: [1]

geschrieben von werny am 16.12.2005 - 20:02

Hi,

ich suche ein Script, mit dem ich ein Jpg in einer Html-Seite je nach Jahreszeit anzeigen kann.
Im Sommer soll das SommerBild und in im Winter das Winterbild angezeigt werden.

Habe also sommer.jpg und winter.jpg

Wer kann mir da ein Script zusammenbasteln?

Danke für die Hilfe!

Werner

geschrieben von super-dau am 16.12.2005 - 20:10

für 2 Bilder:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27:

<head>
<SCRIPT language=JavaScript>
<!--
// (C) 2000 Klaus Hentschel [ All rights reserved ].
// e-mail: kh@javarea.de
// www: http://www.javarea.de 

function picnew(date) {		   // erster Bildaufruf
var pic = "http://www.DeineURL.de/bilder/update.png";  // erste Grafik
exp1date = new Date(date);
cur1date = new Date();
if (exp1date.getTime() > cur1date.getTime())
document.write("<img src=" + pic + ">");
}
function picupdate(date) {	// Zweiter Bildaufruf
var pic = "http://www.DeineURL.de/bilder/nochange.png"; // zweite Grafik
exp2date = new Date(date);
cur2date = new Date();
if (exp2date.getTime() > cur2date.getTime())
document.write("<img src=" + pic + ">");
}
// -->
</SCRIPT>
</head>
<body>
<SCRIPT> picnew("12/16/2005") </SCRIPT><SCRIPT> picupdate("12/30/2005") </SCRIPT>
</body>

zum Beispiel, picnew für Winter, nach dem Dec/16/2005 picupdate für Sommer.

ist aber nicht auf meinem Mist gewachsen......

geschrieben von werny am 16.12.2005 - 20:18

Jo,

irgendwie klappts ja schon.
Ich könnte also von April bis Oktober Sommer sein lassen,
und von November bis März Winter:

<SCRIPT> picnew("04/01/2006") </SCRIPT><SCRIPT> picupdate("11/01/2005") </SCRIPT>

Aber geht das denn auch ohne die Jahres-Bindung,
damit das Script einmal eingebaut werden muss,
und dann über Jahre immer schön brav die Bilder wechselt?

Bitte um Hilfe!

geschrieben von weisnix am 16.12.2005 - 23:20

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25:

<html><head><title>Test</title>
</head><body>
<script type="text/javascript">

//************** Script von **************//
//http://www.javarea.de/forum/index.php3  //
//Suche//jpg je nach Jahreszeit anzeigen  //
//****************************************//

var pic1 = "s.jpg"; //Sommerbild
var pic2 = "w.jpg"; //Winterbild

var SommerAnfang = 4; // 4 = Mai
var SommerEnde = 9;   // 9 = Oktober

var jetzt = new Date();
var Monat = jetzt.getMonth();
if (Monat >= SommerAnfang && Monat <= SommerEnde ){
document.write("<img src=" + pic1 + ">");
}else {
document.write("<img src=" + pic2 + ">");
}

</script>
</body></html>

geschrieben von werny am 17.12.2005 - 03:26

Hey,

cooole Sache! Klappt perfekt.
Nur noch eine kleine Sache macht mir nen Strich durch die Rechung:
Ich hätte das Bild aber gerne als Hintergundbild in einer Tabelle:

<table border="0" width="814" height="181" cellspacing="0" cellpadding="0" background="sommer.jpg">

Wie gehts denn dann?
Habs versucht aber das ganze Skript zerstört...

Grüsse,
Werner

geschrieben von weisnix am 17.12.2005 - 12:16

Hallo,

an dieser Stelle möchte ich an euch doch mal dringen den Hinweis mit auf den Weg geben,:

„Stellt von Anfang an eure Frage richtig, dann müssen wir die Dinger nicht immer wieder ändern.“

Den Hintergrund einer Tabelle läst sich durch das Stylesheets verändern. Und nur so, außer ihr wollt es nur für den IE.

Gruß