HTML如何让动图停止

在HTML中，为了让图片动图停止播放，你需要利用HTML5的`<img>`标签，并结合CSS的关键帧动画（@keyframes）或者JavaScript。如果你使用的是`<img>`标签内的`srcset`属性加载懒加载的GIF动画，通常它们会在首次显示时自动循环播放，你可以通过设置CSS的`animation-play-state`属性来控制是否暂停：

<!-- 使用img标签 -->
<img src="your-animated-gif.gif" alt="Animated GIF" style="animation-play-state: paused;">

<!-- 或者使用CSS关键帧动画 -->
<style>
@keyframes your-animation {
  /* ... */
}
#your-image {
  animation: your-animation infinite;
  animation-play-state: paused;
}
</style>
<img id="your-image" src="your-animated-gif.gif">

<!-- 如果需要JavaScript控制 -->
<script>
document.getElementById('your-image').addEventListener('click', function() {
  this.style.animationPlayState = 'paused'; // 暂停
});
</script>

点击按钮或者其他事件触发时，JavaScript会暂停动画。如果你想恢复播放，只需将`animation-play-state`属性改为`running`。