Ich habe Probleme, einen einfachen JQuery-Bildaustausch zu finden. Die meisten Beispiele, die ich gefunden habe, sind komplexer als ich brauche und tun Dinge, die ich nicht will.

Ziel: Ich habe 5 Bilder, die ich einblenden, einblenden oder usw. möchte. Ich würde gerne von einem Bild zum nächsten überblenden / auflösen, aber das Einblenden ist auch in Ordnung. Wenn die erste Seite geladen wird, soll das erste Bild 4 Sekunden lang angezeigt werden. Dann zum nächsten Bild überblenden, 4 Sekunden, dann zum nächsten usw. Endlosschleife.

Derzeit ist mein Code ein einfacher Bildaustausch, nicht sehr elegant:

document.getElementById("imgMain").src = "images/yurt/sleigh.png";

Was ist der beste und einfachste Weg, um dies zu erreichen?