Fade Effekt bei automatischen Bildwechsel

Um auf meiner Seite Bilder automatisch wechseln zu lassen, habe ich folgenden Code gegoogelt:

<!–
var time = 5000 //Die Zeit wie lange ein Bild angezeigt wird in ms
var bild = new Array();
bild[0] = „http://home.arcor.de/parschat/Test/Schrift.png“; //Deine Bilder (belibig erweiterbar)
bild[1] = „http://home.arcor.de/parschat/Test/Banner.png“;

var narf = „0“;
function bildwechseln() {
document.wechselbild.src = bild[narf];
narf++;
if (narf == bild.length) {
narf = 0;
}
setTimeout(„bildwechseln()“,time);
}
–>

Im Body…

Der Code funktioniert auch, aber …

Dazu meine Frage:

WAS muss ich WO eingeben, damit der Übergang zwischen den Bildern weich ist, ich also einen FADEEFFEKT o.ä. erreiche?

Vielen Dank für eure Hilfe

Hallo,

abgesehen davon, dass Deine Frage nicht mit HTML, sondern JavaScript zu tun hat, gibt es in Deinem Code nichts, was den von Dir beabsichtigten Effekt erzeugen könnte. Das ist ohnehin kein Standard-Feature von Javascript. Hört sich eher nach Flash an. Du könntest aber auch eine Gif-Animation mit einem entsprechenden Programm herstellen.

Schöne Grüße,

Mohamed.

Lieber Mohamed,

abgesehen davon, dass Deine Frage nicht mit HTML, sondern
JavaScript zu tun hat, gibt es in Deinem Code nichts, was den
von Dir beabsichtigten Effekt erzeugen könnte. Das ist ohnehin
kein Standard-Feature von Javascript. Hört sich eher nach
Flash an.

Ganz neu gibt es bei SELFHTML gerade einen Fachartikel von Felix Riesterer zu dem Thema.

http://aktuell.de.selfhtml.org/artikel/javascript/fa…

Flash habe ich ja auch gelernt, aber ich finde, man kann vieles mit JavaScript viel besser und barrierefreier machen als mit Flash, solange die Animation nicht von Winkeln in 90° Schritten abweicht und es nur um Bewegungs- und nicht um Formtweens geht!

Gruß Gernot