我一直在用PHP开发一个网站，我想放一组图像，这些图像会在点击或悬停时激活。
如果您只是按gif标记放置动画<img>图片（例如<img src ="images/samle.gif">），您会看到图片移动但您无法自行启动或停止它。
我要做的是确保图片仅在点击/悬停时移动，如giphy.com is showing. （这个网站完全展示了我一直在尝试做的事情。不幸的是，它没有显示这些图像是如何被激活的。）
我想出了一个主意。这是通过使用转换器从.ppt文件创建.avi文件，然后将视频播放器嵌入到HTML或PHP文件中。但是，即使这个想法是可行的，giphy.com的例子也会比这简单。
所以，如果您对gif（或其他类型的图像）文件有动画有任何其他想法，我想知道它。 提前谢谢。
答案 0 :(得分：1)
这是他们的gif img中的代码：<img id="sEVReHucdvmOQ" class="gifs-gif unloaded" src="https://media2.giphy.com/media/sEVReHucdvmOQ/200_s.gif" data-still="https://media2.giphy.com/media/sEVReHucdvmOQ/200_s.gif" data-animated="https://media2.giphy.com/media/sEVReHucdvmOQ/200.gif" alt="Animated Gif Rabbit animated GIF" data-height="200" data-width="321" style="width: 267.983px; height: 167.586px;" nopin="nopin">
我看到的内容有静态链接：data-still="https://media2.giphy.com/media/sEVReHucdvmOQ/200_s.gif"
和动画的另一个：data-animated="https://media2.giphy.com/media/sEVReHucdvmOQ/200.gif"
我不确定他们如何使鼠标悬停触发数据动画，但我看到的是img类从“gifs-gif unloaded”变为“gifs-gif unloaded hovering”并且还将src更改为数据 - 仍然是数据动画，所以我认为这是技巧，onmouseenter改变数据动画和onmouseleave路径的src将其更改回数据静止路径。