Hej BaBa,
Danke BaBa, ich probiers mal!
Danke für's Danke, aber die Kritik an den globalen Variablen ist bestimmt berechtigt...
Trotzdem nett, dass du zu helfen bereit bist. Du bist ja nicht der einzige hier und die Sache konnte noch geklärt werden. Grundsätzlich gilt:
-
Inhalte (gerne auch dynamisch) ins Dokument (HTML)! Zum Beispiel Bilder, die erläuternd wirken.
-
Für die Präsentation (z. B. aufhübschende Bilder, ohne inhaltliche Relevanz oder Rahmen um inhaltlich relevante Bilder, aber auch um die Bilder zu animieren): CSS
-
Funktionalität (z. B. Bild gegen ein anderes austauschen aufgrund von Nutzereingaben) clientseitig mit JS, serverseitig mit der (oft vorgegebenen) bereitstehenden Sprache (Java, PHP, whatever...)
Übrigens: die Berechnung von Animationen durch JavaScript ist aufwändiger (und damit prozessor-, batterie- und wärmetechnisch kritischer) als CSS-Animationen, die vom Browser berechnet werden. Daher laufen CSS-Animationen idR auch flüssiger.
Das aber nur am Rande. Die Trennung von Inhalt, Präsentation und Funktion ist ein konzeptioneller Vorteil, der allein schon die "korrekte" Verwendung der Sprachen HTML, CSS und JS rechtfertigt.
Marc