web中如何实现图片循环显示_网页中gif动图不能循环播放的解决方法
最近在写博客中发现一个问题:插入到博客中的gif动图播放一遍就结束了,也就是说不能循环播放,导致的结果是,当你刚打开网页,可能这张图片就悄悄地播放结束了,显然这和我们要的效果违背了。可是我又想了想,之前在公众号写博客的时候,同样的动图都是可以循环播放的。所以我才想这可能是微信和网页端的框架不同吧。所以抱着解决这个问题的态度,我就上网搜了搜。很幸运,找到了解决方案,正因此才有了今天的这篇更新,希望对
最近在写博客中发现一个问题:插入到博客中的gif动图播放一遍就结束了,也就是说不能循环播放,导致的结果是,当你刚打开网页,可能这张图片就悄悄地播放结束了,显然这和我们要的效果违背了。
可是我又想了想,之前在公众号写博客的时候,同样的动图都是可以循环播放的。所以我才想这可能是微信和网页端的框架不同吧。
所以抱着解决这个问题的态度,我就上网搜了搜。很幸运,找到了解决方案,正因此才有了今天的这篇更新,希望对你有用。具体方法如下:
用Photoshop CS6打开一张gif图片,菜单栏窗口选择时间轴,则在Photoshop会显示出时间轴。如下图:
打开后发现,gif只循环播放了一次,这里调整为永远,如下图,并点击文件->导出->存储为web所用格式。如下图所示:
来到下图界面,循环选项选择永远,然后点击存储即可完成。如下:
为了验证是否成功,将gif图片用浏览器打开,发现可以循环播放了,搞定!写博客时插入到文章中就可以了。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)