javascript - 背景图像属性中的 GIF 图片需要停止动画

标签 javascript jquery css background-image animated-gif

在某些情况下,我需要在不使用 src 属性的情况下停止在 background-image 属性中使用的 gif 图像。请帮助在 javascript 或 jquery 中找到解决方案。谢谢。

例如:

background-image: url('http://www.webdeveloper.com/imagesvr_ce/webdeveloper/animation/bnifiles//knight.gif');} 

最佳答案

如果不使用 src 属性,这是不可能的。 JavaScript 无法控制动画 GIF 的当前帧。但是,有一个插件可以为您完成这项工作。它叫做FreezeFrame Plugin

它使用 canvas 标签从 gif 的第一帧创建静止图像。

用静态图片更改 src 属性可以节省大量时间。

关于javascript - 背景图像属性中的 GIF 图片需要停止动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39102780/

相关文章:

javascript - EmberJS 模型按值迭代

javascript - 在执行操作之前等待 2 个异步 API 调用的结果

javascript - 仅点击 div 中的目标元素

css - 如何垂直对齐无序 html 列表中的元素?

html - WordPress - 使用 Bootstrap 让我的列自动调整大小

javascript - jQuery 中的 while 循环

Jquery 没有功能

javascript - 使用 Jquery、Json 和循环访问脚本内的 HTML 内容

jquery - 为什么 jQuery UI Sortable 不起作用?

css - 将背景 div 拉伸(stretch)到 100% 垂直,即使内容溢出