Bei Klick auf einen normalen Link innerhalb des Projekt wird ein Layer über die Seite gelegt, in dem ein animiertes Warterädchen angezeigt wird.
Es wird einfach ein onmouseup-Event auf den Link gemappt.
Die Grafik wird angezeigt, aber nicht animiert. In allen Browsern (FF, Chrome, IE7-9).
Woran liegt das? Wenn ich das href rausnehme, also nicht auf die neue Seite gewechselt wird, wird das Gif animiert gezeigt.

Code (ist zwar irrelevant):

Code :

1 2 3 4 5 6 7 8 9 10 11 12

var oLayerWrap = new Element('div',{     id:'layer_wrapper',     styles: {         'top':iTop     } }); var oWait = new Element('img',{     'src':IMG_DIR + 'wait.gif',     'class':'layer_wait' }); oLayerWrap.grab(oWait); $('content').grab(oLayerWrap,'after');

(verwendet Mootools)

Dein Titel lautet "Animierte Grafik bei Seitenwechsel" und dann schreibst du das ein "Warterädchen" angezeigt werden soll wenn man einen Link auf eine andere Seite anklickt.

Das heißt die Grafik soll angezeigt werden während die neue Seite geladen wird!?