web中如何实现图片循环显示_网页中gif动图不能循环播放的解决方法

论坛 期权论坛 脚本     
已经匿名di用户   2022-7-2 21:50   1733   0

最近在写博客中发现一个问题:插入到博客中的gif动图播放一遍就结束了,也就是说不能循环播放,导致的结果是,当你刚打开网页,可能这张图片就悄悄地播放结束了,显然这和我们要的效果违背了。

可是我又想了想,之前在公众号写博客的时候,同样的动图都是可以循环播放的。所以我才想这可能是微信和网页端的框架不同吧。

所以抱着解决这个问题的态度,我就上网搜了搜。很幸运,找到了解决方案,正因此才有了今天的这篇更新,希望对你有用。具体方法如下:

用Photoshop CS6打开一张gif图片,菜单栏窗口选择时间轴,则在Photoshop会显示出时间轴。如下图:

ddb1d41642ab4b19bc112e252cd14e53

打开后发现,gif只循环播放了一次,这里调整为永远,如下图,并点击文件->导出->存储为web所用格式。如下图所示:

cf1cf10b3b304e0b9d6469533ecf375a

来到下图界面,循环选项选择永远,然后点击存储即可完成。如下:

5293bcdfc798473dbad7163131d0deae

为了验证是否成功,将gif图片用浏览器打开,发现可以循环播放了,搞定!写博客时插入到文章中就可以了。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP