Ich möchte auf jeder Seite einer Website ein Javascript mit folgendem Inhalt einfügen:
bild1 = new Image();
bild1.src = "images/i_homepage01.jpg";
bild2 = new Image();
bild2.src = "images/i_homepage02.jpg";
bild3 = new Image();
bild3.src = "images/i_homepage03.jpg";
function changeFrontImage() {
var now = new Date();
var sec = now.getSeconds();
if (sec >= 0 && sec < 20) {document.images['imgFront'].src = bild1.src;}
if (sec >= 20 && sec < 40) {document.images['imgFront'].src = bild2.src;}
if (sec >= 40) {document.images['imgFront'].src = bild3.src;}
}
Der Aufruf über das Body-Tag bleibt jeweils gleich, es ändern sich nur die zu verwendenden Bilder (definiert in den ersten Zeilen des JS-Codes).
Alternativ wäre die Variante mit TypoScript schöner, aber bei den Conditions gibts m.W. keine Sekunden, die man abfragen kann? Und wie kriege ich die unterschiedlichen Quellen in das JavaScript?
Das JavaScript lädt ein Bild aufgrund des Zeitpunkts, wo die Seite geladen wird, d.h. wenn man alle 20 Sekunden einen Refresh macht, gibts ein neues Bild.[/quote]