针对网页html中插入动图gif不能循环播放只播放一次的解决方案

针对网页html中插入动图gif不能循环播放只播放一次的解决方案

原因分析

使用图片编辑软件制作的过程中未启用"循环播放"功能,这里以Photoshop为例,演示设置GIF图片循环播放的操作流程:所需材料:PS。第一步,打开PS软件,把已经制作好的GIF图片给拖入PS软件内打开。

有两种情况,一种是设置gif图片为无限循环播放,另外一种就是输入相关的数值来控制播放的次数,。在下图所示的位置输入相关的数值,这个数字就是gif图片播放的次数,然后点击确定按钮。

你制作的时候,在下方有一个设置,可以设置成播放一单,或三次,或无限循环等,设置一下就好了。

原因是你做的gif,其实是只动一次的,动完了,没有重头开始循环。然而,有许多开图软件,包括windowsXP自带的,会自动循环播放。于是你在自己电脑上双击图片,看到是不断的动画,而用浏览器看,就是动一次的。

这样导入的就是帧动画,而不是视频组。在时间轴上面和导出web格式的时候,都选择播放一次。这样导出后,把gif放到浏览器里看,就可以了。不要用看图软件看,你就算导出1次,看图软件也会给你自动无限循环。

解决方案

将gif重复次数设置为1次:打开photoshop,并加载(打开)gif图片,直接按快捷键:Ctrl+Shift+Alt+S,在弹出窗口中,选择GIF,循环次数选择一次即可。再插入PPT,就只会循环一次了。

就能看到图片已经循环播放了

相关推荐
jktantan8 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
2601_962885729 小时前
quotes 字段全解:涨跌幅、振幅、换手率的口径与单位
java·前端·spring
excel9 小时前
encodeURI 和 encodeURIComponent 有什么区别?
前端
前端精髓9 小时前
调用openrouter的免费API模型
java·前端·javascript
赛博守夜人10 小时前
AI安全攻防与治理之十四:AI 安全测试不能脱离传统安全,Web、API、移动端与模型攻击面的组合拳
前端·人工智能·安全
开开心心_Every10 小时前
快速隐藏程序工具自定义快捷键一键切换
java·开发语言·前端·spring·智能手机·word·intellij-idea
networknomad10 小时前
OpenReplay:自己搭的会话回放工具,给前端排错用的
前端·其他
缓慢更新11 小时前
AI 辅助生成单测:从接口定义到用例的流水线
java·服务器·前端·网络·数据库·人工智能
陈随易12 小时前
AI 运维服务器,安全又可靠的方法
前端·后端·程序员
风骏时光牛马12 小时前
AI稳定性治理体系构建与疑难问题深度分析
前端