• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bild je nach Jahreszeit oder Zeitraum

W

werny

Guest
Hallo, brauche Hilfe!

Ich suche ein javascript, mit dem man je nach Jahreszeit ein
gewisses Bild auf einer Html-Seite anzeigen kann.

Z.B. von November bis April soll das bild winter.jpg angezeigt werden,
von Mai bis august das bild sommer.jpg und
von September bis Oktober das bild herbst.jpg

Das müsste technisch möglich sein, nur wie? :)

Wäre nett wenn mir jemand weiterhelfen könnte....
 
Moin!

Du kannst mit getMonth() den Wert für den aktuellen Monat grapschen und in Abhängigkeit davon das passende Bild anzeigen...

Ahoi - Pit
 
Jo danke, ist ja schon mal der erste Schritt. :D
Doch leider bin ich da noch ein zeimlicher Newbie.
Wie kann ich nun mein "sommer.jpg" und mein "winter.jpg" der jeweiligen Jahreszeit zuordnen?

Wäre nett wenn mir da jemand aus der Patsche helfen könnte...

Grüsse,
Werner
 
Moin!

Magst Du den Frühling nicht?
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bild je nach Jahreszeit</title>
<script type="text/javascript">
<!--
jahreszeit=new Array();
jahreszeit['winter']=new Array(11,12,1,2,3,4);
jahreszeit['sommer']=new Array(5,6,7,8);
jahreszeit['herbst']=new Array(9,10);
function holZeit(obj,m){
for (var i in obj){
for (var j=0;j<obj[i].length;j++){
if(obj[i][j]==m){
return i;
}
}
}
}
function zeigBild(){
d=new Date();
d=d.getMonth();
zeit=holZeit(jahreszeit,d+1);
document.images.jahreszeitBild.src=zeit+'.jpg';
document.images.jahreszeitBild.alt=zeit+'.jpg';
}
//-->
</script>
</head>
<body onload="zeigBild()">
<img src="" alt="Jahreszeit" name="jahreszeitBild">
</body>
</html>
Ahoi - Pit
 
werny schrieb:
Hallo, brauche Hilfe!

Ich suche ein javascript, mit dem man je nach Jahreszeit ein
gewisses Bild auf einer Html-Seite anzeigen kann.

Z.B. von November bis April soll das bild winter.jpg angezeigt werden,
von Mai bis august das bild sommer.jpg und
von September bis Oktober das bild herbst.jpg

Das müsste technisch möglich sein, nur wie? :)

Wäre nett wenn mir jemand weiterhelfen könnte....
Zum Vergrößern anklicken....
Nix für Ungut...
...aber wenn man z.B. 200 Domians hat welche man überwachen soll, dann verstehe ich Dein Anliegen.
Hat man aber nur eine Seite, dann ist der programmiertechnische Aufwand grösser,
als würde man das 4mal im jahr selber regeln.
 
Suuuuuper!

Hey,

cooole Sache! Klappt perfekt.
Nur noch eine kleine Sache macht mir nen Strich durch die Rechung:
Ich hätte das Bild nicht gerne als onload-funktion drinne, sondern 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... :whacky:

Grüsse,
Werner
 
Moin!

Also erstmal: dkdenz' vorige Post lesen (sonst ist bei deaktiviertem JS immer Sommer). Danach eventuell:

der Tabelle eine id verpassen, die background-Gülle anpassen (background-image) und im Script diese beiden Zeilen:
document.images.jahreszeitBild.src=zeit+'.jpg';
document.images.jahreszeitBild.alt=zeit+'.jpg';

durch das ersetzen:
document.getElementById('idDeinerTabelle').style.backgroundImage='url('+zeit+'.jpg)';

Ahoi - Pit
 
Und wir haben beide vergessen zu fragen, ob eine serverseitige Sprache zur Verfügung steht (unabhängig von der Anzahl zu pflegender Seiten). Ich laß die Hosen an (jedenfalls hier). :D
 
Jetzt vergesst mal die Story mit dem Arschbild ey,
helft mir mal lieder das Progblem mit dem Skript zu lösen..

Wie ordne ich der Tabelle eine ID zu? Keinen Plan :D

Die Tabelle ist die:

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

Wie krieg ich da das pic rein?

Bitte helft mir


grüsse
 
Hey Pit!!

Danke! Klappt genauso wie ichs mir vorgestellt habe!!

Danke danke! ;)


Werner
 
Hallo zusammen

dieser Thread ist schon ein paar Tage alt, aber der folgende Code ist eigentlich genau das was ich suche, resp. beretis in unsere Seiten integriert habe :) - nun zur Frage:
wie kann ich es schaffen, dass die Bilder *sommer.jpg*, etc... nicht im Root liegen müssen (also da wo die HTML-Datei ist), sondern ich möchte die JPG's im Verzeichnis *Images* abspeichern.
kann mir hier ein Profi aufzeigen, wie ich den Code anpassen muss? Meine JS-Künste sind drum sehr bescheiden :/


pit-r schrieb:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bild je nach Jahreszeit</title>
<script type="text/javascript">
<!--
jahreszeit=new Array();
jahreszeit['winter']=new Array(11,12,1,2,3,4);
jahreszeit['sommer']=new Array(5,6,7,8);
jahreszeit['herbst']=new Array(9,10);
function holZeit(obj,m){
for (var i in obj){
for (var j=0;j<obj[i].length;j++){
if(obj[i][j]==m){
return i;
}
}
}
}
function zeigBild(){
d=new Date();
d=d.getMonth();
zeit=holZeit(jahreszeit,d+1);
document.images.jahreszeitBild.src=zeit+'.jpg';
document.images.jahreszeitBild.alt=zeit+'.jpg';
}
//-->
</script>
</head>
<body onload="zeigBild()">
<img src="" alt="Jahreszeit" name="jahreszeitBild">
</body>
</html>
Zum Vergrößern anklicken....


beste Grüsse und danke für Tipps
Martin
 
document.images.jahreszeitBild.src=zeit+'.jpg'; muss dann so geändert werden: document.images.jahreszeitBild.src='/meinPfad/'+zeit+'.jpg';
 
OMG - den Code kann ich so nicht stehen lassen... da sind einfach zu viele handwerkliche Fehler drin:
Code: 
<!DOCTYPE html>
<html>
	<head>
		<title>Bild je nach Jahreszeit</title>
	</head>
	<body>
		<img id="jahreszeitBild">
		<script>
		(function(){
			var seasons =  {
				winter: [11, 12, 1, 2, 3, 4],
				sommer: [5, 6, 7, 8],
				herbst: [9, 10]
			};
			var month = (new Date()).getMonth() + 1;
			var season;
			for (season in seasons){
				if (seasons.hasOwnProperty(season)){
					if (seasons[season].indexOf(month) !== -1){
						break;
					}
				}
			}
			
			var img = document.getElementById("jahreszeitBild");
			img.src = "/path/to/images/" + season + ".jpg";
			img.alt = season;
		}());
		</script>
	</body>
</html>

PS: was ist mit dem schönen Frühling?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben