Wochentagsbild 01  1 von 7  (getElementByID)

Das Bild des Wochentags anzeigen. Sie halten 7 Grafiken bereit die abhängig vom aktuellen Wochentag angezeigt werden sollen. Zusätzlich wird durch Zuordnung der 'title'-Informationen einer von 7 MouseOver-Texten angezeigt.

Sie möchten täglich ein anderes Bild aus einer Auswahl von 7 Bildern anzeigen. Das Script ermittelt aus dem Systemdatum den aktuellen Wochentag und generiert daraus die Bild-Url. Zu jeder Grafik wird der zugehörige 'title'-Text angezeigt, der in einem Register abgelegt wurde. <img title="xxx" src="bild03.jpg" ... Grafik für diesen Wochentag

Abhängig vom aktuellen Wochentag wird eine von 7 Grafiken angezeigt. Dazu wird eine Platzhaltergrafik durch ein Script gegen die betreffende Grafik ausgetauscht. Aus dem aktuellen Datum wird der Wochentagswert ermittelt.

• 7 Grafiken mit identischen Bildmaßen herstellen
• Script in den HEAD-Bereich kopieren
• Anpassungen eintragen
• Grafik im Body mit Attribut id="Tagesbild" notieren

var VariablenName = DATUMSWERT.getDay();

if (VariablenName == 0)
{
VariablenName = 7;
}

if (Wochentag == 0)
{
Wochentag = 7;
}

var DatumJetzt01 = new Date();
var Wochentag = DatumJetzt01.getDay();

PfadNameTeil = "bilder/aufnahme0"
Dateiendung = ".jpg"
BildURL = PfadNameTeil + Nummer + Dateiendung;

document.getElementById("Tagesbild").src = BildURL;

document.getElementById("Tagesbild").title= Text;

PfadNameTeil = "aufnahme0"
Dateiendung = ".jpg"

<script language="JavaScript" type="text/javascript">
<!--

// ****************** Anpassungen *****************

// hier Dateinameninfo (incl. Pfad) eintragen
// für "grafik-150-001.gif" zum Beispiel "grafik-150-00"
// für "fotos/grafik-150-001.gif" zum Beispiel "fotos/grafik-150-00"
// letzte Ziffer (eine) weglassen

PfadNameTeil = "grafik-150-00"
Dateiendung = ".gif"

// hier Bildtexte eintragen

var Tagestext = new Array();
Tagestext[1]="Grafik für Montag";
Tagestext[2]="Grafik für Dienstag";
Tagestext[3]="Grafik für Mittwoch";
Tagestext[4]="Grafik für Donnerstag";
Tagestext[5]="Grafik für Freitag";
Tagestext[6]="Grafik für Samstag";
Tagestext[7]="Grafik für Sonntag";

// ***********************************************



var DatumJetzt01 = new Date();
var Wochentag01 = DatumJetzt01.getDay();

if (Wochentag01 == 0)
{
Wochentag01 = 7;
}


var Text01 = "";
var BildURL01 = "";


function Titeltext(Nummmer) {
return Tagestext[Nummmer];
}


function BildDesTages01()
{
BildURL01 = PfadNameTeil + Wochentag01 + Dateiendung;
document.getElementById("Tagesbild").src = BildURL01;

Text = Titeltext(Wochentag01);
document.getElementById("Tagesbild").title = Text01;
}


// Der Aufruf erfolgt nach 1500 Millisekunden

setTimeout('BildDesTages01()',1500);

//-->
</script>

Die im Script blau markierten Angaben passen sie entsprechend ihrer Dateinamen an:
Erster Teil des Dateinamens ohne Zahl und den Grafiktyp.

PfadNameTeil = "aufnahme00"
Dateiendung = ".jpg"

<img id="Tagesbild" src="dateiname.jpg" ... >