Moin Werner
Also so klappt es
Code: Alles auswählen
<script>
let heute = new Date();
let stunde = heute.getHours();
let bild="assets/images/villa-head-tag-1.jpg";
if (stunde >= 0 && stunde <= 6){
document.getElementById("Header-Teil-1").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
document.getElementById("Header-Teil-2").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
document.getElementById("Header-Teil-3").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
}
else if (stunde >= 7 && stunde <= 18){
document.getElementById("Header-Teil-1").style.backgroundImage = "url(assets/images/villa-head-tag-1.jpg)";
document.getElementById("Header-Teil-2").style.backgroundImage = "url(assets/images/villa-head-tag-1.jpg)";
document.getElementById("Header-Teil-3").style.backgroundImage = "url(assets/images/villa-head-tag-1.jpg)";
}
else if (stunde >= 19 && stunde <= 24){
document.getElementById("Header-Teil-1").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
document.getElementById("Header-Teil-2").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
document.getElementById("Header-Teil-3").style.backgroundImage = "url(assets/images/villa-head-abend-1.jpg)";
}
</script>
so klappt es nicht (mit Shift - Apostroph , Taste neben Backspace)
Code: Alles auswählen
<script>
let heute = new Date();
let stunde = heute.getHours();
let bild="assets/images/villa-head-tag-1.jpg";
if (stunde >= 0 && stunde <= 6){
let bild="assets/images/villa-head-abend-1.jpg";
}
else if (stunde >= 7 && stunde <= 18){
let bild="assets/images/villa-head-tag-1.jpg";
}
else if (stunde >= 19 && stunde <= 24){
let bild="assets/images/villa-head-abend-1.jpg";
}
document.getElementById("Header-Teil-1").style.backgroundImage = `url(`bild`)`;
document.getElementById("Header-Teil-2").style.backgroundImage = `url(`bild`)`;
document.getElementById("Header-Teil-3").style.backgroundImage = `url(`bild`)`;
</script>
Auch nicht mit Hochkomma (Taste Shift-#)
Code: Alles auswählen
<script>
let heute = new Date();
let stunde = heute.getHours();
let bild="assets/images/villa-head-tag-1.jpg";
if (stunde >= 0 && stunde <= 6){
let bild="assets/images/villa-head-abend-1.jpg";
}
else if (stunde >= 7 && stunde <= 18){
let bild="assets/images/villa-head-tag-1.jpg";
}
else if (stunde >= 19 && stunde <= 24){
let bild="assets/images/villa-head-abend-1.jpg";
}
document.getElementById("Header-Teil-1").style.backgroundImage = 'url('bild')';
document.getElementById("Header-Teil-2").style.backgroundImage = 'url('bild')';
document.getElementById("Header-Teil-3").style.backgroundImage = 'url('bild')';
</script>
So ist es komplett falsch, das JS wird gar nicht ausgeführt (auch nicht mit 'url("bild")';
Code: Alles auswählen
<script>
let heute = new Date();
let stunde = heute.getHours();
let bild="assets/images/villa-head-tag-1.jpg";
if (stunde >= 0 && stunde <= 6){
let bild="assets/images/villa-head-abend-1.jpg";
}
else if (stunde >= 7 && stunde <= 18){
let bild="assets/images/villa-head-tag-1.jpg";
}
else if (stunde >= 19 && stunde <= 24){
let bild="assets/images/villa-head-abend-1.jpg";
}
document.getElementById("Header-Teil-1").style.backgroundImage = "url('bild')";
document.getElementById("Header-Teil-2").style.backgroundImage = "url('bild')";
document.getElementById("Header-Teil-3").style.backgroundImage = "url('bild')";
</script>
Das scheint jetzt kein Mobi-Special zu sein. Ich habe es auch zu Fuß geändert.