Question

我试图用一点动画制作一个滑块。

我想每6秒添加一个关键帧或类似的东西。关键帧会更改我拥有图像的容器边距，以便它们可见。但是如何更改关键帧值

@keyframes slide-img{
  from {margin-left: -310px;}
  to {margin-left: -620px;}
}

通过jQuery？

我认为这样可能是这样的：

var animation = $(".slide-img");

animation.css({"from": "margin-left", "-310px";"to":"margin-left", "-620px"});

您可以在此处查看完整代码：

https://codepen.io/Insane415/pen/awymJZ

（我评论了我的animation.css（...），因为它停止了动画。

顺便说一句，后来我想实现用户可以点击项目符号/缩略图并滑动到图像。这可以通过更改img源来实现，还是有更简单的方法？

因为如果幻灯片当前位于第一个项目符号点并且用户点击第4个项目符号点，我不想从图像1到2，到3到4制作动画 - 仅从1开始这可能是唯一可行的方法是改变我认为的img来源。或者有更简单的方法吗？