Hilfe bei addEventListsner und callback-function

[Vokabulator]

Hallo!

Hier mein Code

window.addEventListener("load", events, false);

		function events() {
			var el1 = document.getElementById("bild1");
			el1.addEventListener("click",animate(callbackfunction),false);
		}
		
		function animate(callback) {
			var p = document.getElementById("bild1");
			p.className="animation";
			callback();
		}
		
		function callbackfunction() {
			alert("Hallo");
		}

..mit dem Problem, dass das alert sofort ausgelöst wird. Ich will aber, dass das Ganze erst ausgelöst wird,wenn die Animation vorbei ist (also eine Callback-Funktion, wenn ich richtig informiert bin).

Denke ich da in die richtige Richtung oder bin ich völlig aufm falschen Dampfer?

[fanderlf]

Verwendest Du CSS transitions? Ansonsten kann ich hier nix erkennen was animiert.

Falls ja schau mal hier rein:
http://stackoverflow.com/questions/2...css-transition

[Vokabulator]

Ich gebe hier einem Element per JS die Klasse animations, die dem Element eine Animation zuordnet mit CSS keyframes.