有没有办法从一开始就制作动画gif播放?
Is there a way to make an animated gif play from the beginning?
我有一个 gif 动画,它本身运行良好。它应该充当 2 页(从第 1 级到第 2 级)之间的过渡。它被称为:
setTimeout(function () {
window.location.href = "level1-2.html"; //redirect
}, 3000);
setTimeout 不是问题,没有它我也有同样的问题。唯一显示的图片是 gif 的最后一张。我不想让那个 gif 循环播放。
如果我点击“重新加载”,动画就会播放。但我不能在页面代码中写“重新加载”,否则它将永远重新加载。我想设置一个 cookie 并仅在它未设置时重新加载,但我已经将 cookie 用于全局变量,我不愿意过度使用它。
我在网上找到了答案:
window.location.href = "level1-2.html" + "?a="+Math.random(); //redirect
让浏览器误以为它是新的 url。但我不会被愚弄 (Firefox)。
将动画 gif 转换成视频也许可以解决这个问题,但它会使加载时间变长,不是吗?
欢迎所有建议。
您是否试图在不重新加载的情况下修改 URL 以“愚弄”浏览器?如果是这样,这可能有效:
window.history.pushState( , , 'level1-2.html');
它使用历史API
我有一个 gif 动画,它本身运行良好。它应该充当 2 页(从第 1 级到第 2 级)之间的过渡。它被称为:
setTimeout(function () {
window.location.href = "level1-2.html"; //redirect
}, 3000);
setTimeout 不是问题,没有它我也有同样的问题。唯一显示的图片是 gif 的最后一张。我不想让那个 gif 循环播放。
如果我点击“重新加载”,动画就会播放。但我不能在页面代码中写“重新加载”,否则它将永远重新加载。我想设置一个 cookie 并仅在它未设置时重新加载,但我已经将 cookie 用于全局变量,我不愿意过度使用它。
我在网上找到了答案:
window.location.href = "level1-2.html" + "?a="+Math.random(); //redirect
让浏览器误以为它是新的 url。但我不会被愚弄 (Firefox)。
将动画 gif 转换成视频也许可以解决这个问题,但它会使加载时间变长,不是吗?
欢迎所有建议。
您是否试图在不重新加载的情况下修改 URL 以“愚弄”浏览器?如果是这样,这可能有效:
window.history.pushState( , , 'level1-2.html');
它使用历史API