在HTML中无限循环播放Gif图像
Play Gif image in HTML with infinite loop
我尝试在我的HTML代码中显示gif动画图像,如
<img src="preview.gif" loop=infinite />
不管有没有loop标签,它总是只播放一次。
有什么帮助使它连续循环吗?
循环被编码到GIF本身,而不是img
标记中。在图像编辑器中打开GIF并将模式更改为循环,或者使用不同的GIF。loop
属性是一个无效的,弃用的属性,只有当src
是一个视频时才意味着工作。
如前所述,它被编码到GIF中,但你可以使用photoshop等工具对其进行更改:
- 在Photoshop中打开你的文件
- 进入文件,点击保存为Web
- 在保存对话框的最底部,你会看到动画部分,它应该不再是灰色的
- 选择永久保存。
infinite属性对图像没有影响。你必须将infinite存储在gif本身,以防你在后端生成它。
相关文章:
- 将gif图像添加到chart.js V2.0中
- 加载 gif 图像未显示在 IE 和镶边中
- 在页面加载时重新加载gif图像
- 播放完GIF图像后,将其替换为另一个GIF图像
- 在渲染过程中显示GIF图像
- 使用 AJAX 加载其他页面时加载 GIF 图像
- 导航时加载 GIF 图像
- 将GIF代码隐藏到GIF图像或输出到文件
- 如何在浏览器中停止处理时停止进度gif图像
- 加载gif图像>execute语句>隐藏gif
- 用于在加载和显示gif图像时禁用页面内容的代码
- 我需要一个JavaScript,它可以在45秒后自动将一个GIF图像更改为另一个OnOpen
- .gif图像作为画布背景
- 正在尝试加载gif图像,但未加载chrome
- 进度条.数据呈现时,GIF图像在IE浏览器中冻结
- 动态添加带有动画的gif图像
- 在HTML中无限循环播放Gif图像
- 显示加载gif图像,直到函数成功
- IE8停止加载GIF图像
- Gif图像在刷新页面后没有动画