Bilderwechsel nach Uhrzeit / Tageszeit?

Kommt darauf an was es für ein Bild sein soll, Wo es sein soll, bzw. wie es eingebunden wird.

Ich habe bei mir z.B. eine alte Anpassung für die Begrüßung, die immer noch funktioniert. Das müsste mit einem Bild eigentlich genauso gehen.

Das steht bei mir so im html:

HTML:

<script language="JavaScript">
<!--
Datum = new Date();
Stunde = Datum.getHours();
if(Stunde > 17)
{
document.write("<h2>Guten Abend!</h2>");
}
else if(Stunde > 11)
{
document.write("<h2>Guten Tag!</h2>");
}
else if(Stunde > 0)
{
document.write("<h2>Guten Morgen!</h2>");
}
// -->
</script>

 

Hallo Barbara,

das ist eine Super Idee

Wo muss ich denn das HTML Script einfügen bei GX3 in der letzten Version ?

Gruß & schönes Wochenende

Isabel

 

Ich habe das im Content-Manager im index-oben
und da im Quellcode

 

Man sollte aber nicht mehr mit "write" arbeiten, besser wäre es z. B. mit "getElementByID" .

Ich habe das mal für Text und Bilder zusammengesetzt

HTML:

<h2 id="text_wechseln">Hallo!</h2>
<img id="bild_wechseln" src="Bild1.png" class="img-responsive">
<script language="JavaScript">
<!--
Datum = new Date();
Stunde = Datum.getHours();
if(Stunde > 17)
{
document.getElementById('text_wechseln').innerHTML = "Guten Abend!";
document.getElementById('bild_wechseln').src = "Bild3.png";
}
else if(Stunde > 11)
{
document.getElementById('text_wechseln').innerHTML = "Guten Tag!";
document.getElementById('bild_wechseln').src = "Bild2.png";
}
else if(Stunde > 0)
{
document.getElementById('text_wechseln').innerHTML = "Guten Morgen!";
document.getElementById('bild_wechseln').src = "Bild1.png";
}
// -->
</script>

Der Vorteil bei dieser Methode ist, das man auch eine Anzeige hat wenn, aus welchem Grund auch immer, mal kein Javascript funktioniert, das ist bei "write" nicht so.

 

Danke dafür, wieder was gelernt. Es geht auch über php in der html.
@barbara kleiner Tip.
Habe seit längeren das gleiche über php in der html eingebaut, um von Javascript etwas wegzukommen:

HTML:

<div class="textWelcome">
<?php
$tageszeit = date("H:i");
if($tageszeit > "00:01")
{
$indexwrite = "Einen schönen guten Morgen,";
}
if($tageszeit > "09:01")
{
$indexwrite = "Einen schönen guten Tag,";
}
if($tageszeit > "16:01")
{
$indexwrite = "Einen schönen guten Abend,";
}
echo $indexwrite;
?>
</div>

Nachtrag:
@DrGuu
funktioniert auch mit Pfad zum Bild