Datumsbasierte Bilder - BITTE HILFE!

html.de-Forum HTML, XHTML & CSS
1

Also, Hey zusammen

Ich bin neu hier im Forum und würde gleich mal mit ner Frage durchstarten :slight_smile:
Habe mich auf Google schon zu Tode gesucht, aber nichts gutes gefunden.

Mein Problem ist folgendes:
Ich bin Webadministrator unserer Schülerzeitungs Homepage. Wir haben verschiedene Bilder und wollwn, dass jeden Tag ein bestimmtes angezeigt wird. Also Beispielsweise benenne ich die Bilder mit Feb_16 ; Feb_17 ; . . .
Und jeden Tag soll das jeweilige zu sehen sein. Ist das umsetzbar, mit einer rein HTML Basierenden Homepage?
Ich würde mich über Hilfe freuen.

Vielen Dank im Vorraus
JaNö

2

Nein mit purem HTML geht das nicht!
Das würde am sinnvollsten mit einer serverseitigen Programmiersprache umzusetzen sein, sollte dir dies nicht zur Verfügung stehen kannst du auch JavaScript nutzen.

3

Und wie könnte ich das mit JavaScript umsetzen? Wäre super wenn ich ein Code Beispiel bekommen könnte

4

Hast du kein PHP zur Verfügung? Das wäre einfacher.

5

Nein leider nicht. Das läuft über unseren Schulserver, und der Serveradmin möchte (warum auch immer) kein PHP

6

Ich würde die Dateinamen der Bilder in einem Array ablegen. Dann mit den Datumsfunktionen von Javascript den Tag ermitteln und mit diesem als Index auf das Array zugreifen und das Bild anzeigen:

<script> window.onload = function() { images = ["verzeichnis/bild1.jpg", "verzeichnis/bild2.jpg", "verzeichnis/bild3.jpg", // usw. bis es 31 Bilder sind "verzeichnis/bild31.jpg" ]; now = new Date(); day = now.getDate(); im = images[day - 1]; document.getElementById("bild_des_tages").src = im; } </script>
Und da, wo das Bild angezeigt werden soll:[html]
Bild des Tages[/html]

7

Vielen Dank für den Code auf jeden Fall :slight_smile:
Habe ih jetzt auf der Homepage eingefügt, allerdings steht jetzt an der stelle nur der von mir eingegebene Text für „Bild des Tages“ aber es wird kein Bild angezeigt. Woran könnte es liegen?
Hier mal die von mir geänderten Codes für die Homepage:

<script>
window.onload = function() {
  images = ["Kalender/Februar16","Kalender/Februar17", "Kalender/Februar18", "Kalender/Februar19","Kalender/Februar20","Kalender/Februar21","Kalender/Februar22","Kalender/Februar23","Kalender/Februar24","Kalender/Februar25","Kalender/Februar26","Kalender/Februar27","Kalender/Februar28"
  ];
  now = new Date();
  day = now.getDate();
  im = images[day - 1];
  document.getElementById("bild_des_tages").src = im;
}
</script>

und

<img id="bild_des_tages" src="Kalender/Februar16" alt="Kalender">

Weiß nicht woran es liegen könnte.
Wer es mal Live ansehen will:
http://www.EbiZentrum.net
Rechts oben neben dem Logo, da sollte das Bild eigentlich sein, anstelle des Wortes „Kalender“

8

Vielleicht, weil die Dateierweiterungen(.jpg) fehlen?

9

Das ist mir wohl im Eifer des Gefechts untergegangen :wink:

Vielen Dank für Die Hilfe :slight_smile:
Funktioniert jetzt alles einwandfrei, wie ich es mir vorgestellt hatte.
Wenn ihr das Ergebnis anschauen wollt
www.EbiZentrum.net
Rechts oben der Kalender

Liebe Grüße
Jannik

10

Super, dass es funktioniert. Ich finde bloß im Quelltext das Script gar nicht. Hast Du die neueste Version noch nicht hochgeladen?