gif动态图已经是很常见的了,想必不用我说大家也应该知道,关于gif动态图的制作以及gif动态图添加文字等操作已经和大家说过了,不清楚的小伙伴可以查看我之前的教程或者是去狸窝家园瞅瞅哈~~~今天要说的是gif动态图循环播放问题,有的gif图片只会播放一次然后就停止了,而有的能一直循环播放,今天的操作就是让我们自己来控制gif图片的播放次数。

效果对比:

html5 video 动态播放 html gif循环播放_html5 video 动态播放

 

html5 video 动态播放 html gif循环播放_html怎么设置图片循环播放_02

先还是双击运行今天所用到的软件,运行之后会弹出一个启动向导对话框,点击该对话框中“打开一个现有的图象文件”前面的黄色按钮,弹出打开图象文件对话框,在该对话框中选择要进行设置的gif图片,然后点击“打开”按钮。

html5 video 动态播放 html gif循环播放_html5 video 动态播放_03

图片打开之后可以点击左下角的播放按钮对gif图片进行预览,预览之后点击暂停播放就行了。现在开始设置gif图片的播放情况,在“编辑”菜单下面找到并点击“全局信息”。

html5 video 动态播放 html gif循环播放_html怎么设置图片循环播放_04

接着弹出全局信息的对话框,这里有两种情况,一种是设置gif图片为无限循环播放,另外一种就是输入相关的数值来控制播放的次数,这里先演示第二种。在下图所示的位置输入相关的数值,这个数字就是gif图片播放的次数,然后点击确定按钮。

html5 video 动态播放 html gif循环播放_html怎么设置图片循环播放_05

如果是想让gif图片一直不停的循环播放,只需要在下图中“无限”前面进行勾选就行了,然后同样点击确定按钮,这样就能让gif图片是循环播放的模式了。如果想让原本一直循环播放的gif图片只播放两次只需要按照上面的方法输入相关数值就行了。

html5 video 动态播放 html gif循环播放_循环播放_06

设置好之后可以点击下图所示的“预览”按钮对gif图片进行预览。在下图中大家可以发现我更改了原来gif图片右上角的相关文字,想学习怎样修改gif图片文字的小伙伴可以参考:http://www.leawo.cn/space-3896190-do-thread-id-68383.html。

html5 video 动态播放 html gif循环播放_html5 video 动态播放_07

操作就已经差不多基本完成了,现在进行保存,选择“文件”菜单下面的“另存为”后面的“GIF”文件,然后在弹出的对话框中设置好保存的路径和名称,最后点击“保存”按钮,保存之后就可以关闭软件或者是预览最终效果了。

html5 video 动态播放 html gif循环播放_动态图_08

上面说的两种关于gif图片播放的形式大家可以根据自己的需求来进行相关的设置,有兴趣的小伙伴还可以自己在gif图片上面加上自己的联系方式或者是其它文字哦~~~