如何确保我的 GIF 即使在 document.location=“” 运行后仍保持动画效果

How can I ensure my GIFs keep animating even after document.location="" has been run

提问人:Andrew G. Johnson 提问时间:4/22/2009 更新时间:1/9/2010 访问量:3268

问:

采用以下 HTML:

<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>

当我单击链接时,图标停止。

javascript html 动画 gif

评论

0赞 Dan Lew 4/22/2009
这和你昨天的问题有什么不同?stackoverflow.com/questions/774515/......
0赞 Kornel 5/15/2009
为什么要在链接中模拟链接!?只需使用 <a href=“/anything-that-that-takes-a-few-seconds-to-load.html”>
0赞 Andrew G. Johnson 5/15/2009
显然,JS 比我给出的要多,我去掉了不必要的......

答:

0赞 Diodeus - James MacFarlane 4/22/2009 #1

是的,当浏览器转到新页面时,现有页面的所有执行都会在设计中停止。如果您希望当前页面继续运行,则需要使用 AJAX 技术。

0赞 Jason Coyne 4/22/2009 #2

为什么使用 Documnet.Location 而不是 href?

您无法更改浏览器的行为。一旦加载到不同的页面,当前页面将始终停止。

2赞 slim 4/22/2009 #3

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

根据该链接,在使用 javascript 进行重定向后重新分配图像标签的 src 将使图像保持动画状态。不确定这在 firefox 中是如何运作的。

评论

0赞 slim 4/23/2009
您需要使用主 DIV,然后使用 AJAX 请求设置该 DIV 的 innerHTML 值,或将图像包含在 iframe 中。如果你注意到了,它会在文章的底部说。祝你好运!