2009-04-22 13 views
2

Nehmen Sie das folgende HTML laufen:Wie kann ich meine GIFs sorgen immer Animieren auch nach document.location = „“ wurde

<img src="/any-animated-gif.gf" alt="" /> 
<br /><br /> 
<a href="#" onclick="document.location='/anything-that-takes-a-few-seconds-to-load.html';return false;">Click Here</a> 

Wenn ich auf den Link das Symbol stoppt.

+0

Wie unterscheidet sich das gestern von Ihrer Frage? http://stackoverflow.com/questions/774515/keep-an-animated-gif-going-after-form-submits –

+0

Warum emulieren Sie einen Link in einem Link !? Verwenden Sie einfach Kornel

+0

Offensichtlich gibt es mehr JS als was ich gab, entkleidete ich die nicht-essenziellen ... –

Antwort

0

Ja, wenn der Browser auf eine neue Seite wechselt, wird die gesamte Ausführung der vorhandenen Seite von Entwurf gestoppt. Wenn Sie möchten, dass die aktuelle Seite weiterhin funktioniert, müssen Sie AJAX-Techniken verwenden.

0

Warum verwenden Sie Documnet.Location anstelle von href?

Sie können das Verhalten des Browsers nicht ändern. Nach dem Laden einer anderen Seite wird die aktuelle Seite immer angehalten.

+0

Klar Es gibt mehr Logik als in diesem einfachen Beispiel ... –

2

http://elliottback.com/wp/animated-gif-stops-javascript-click/

Nach dieser Verbindung, die src des Bildtag Neuzuweisung, nachdem Sie die Umleitung mit Javascript das Bild halten animiert gemacht haben. Nicht sicher, wie das in Firefox funktioniert.

+0

Funktioniert nicht in FF. –

+0

Sie müssen ein Haupt-DIV verwenden und dann den InnerHTML-Wert dieses DIV mit einer AJAX-Anforderung festlegen oder das Bild in einem Iframe enthalten. Es sagt, dass am Ende des Artikels, wenn Sie es bemerken. Viel Glück! – shady

+0

+1 Danke das hat für mich funktioniert. – bendewey