Javascript 如何在Jquery上控制webkit框架?

Javascript 如何在Jquery上控制webkit框架?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试制作一个不滑动的CSS滑块,只有在单击“向前”和“向后”链接时才会滑动,这将在jquery中完成,但是我不确定如何在jquery中调用元素webkitframe @-webkit-keyframes anim_slides { 0% { opacity: 0; } 6% { opacity: 1; } 24% { opacity: 1; } 30% { opacity: 0; } 100% { opacity:

我正在尝试制作一个不滑动的CSS滑块,只有在单击“向前”和“向后”链接时才会滑动,这将在jquery中完成,但是我不确定如何在jquery中调用元素webkitframe

@-webkit-keyframes anim_slides {
  0% {
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

您无法根据需要直接使用jQuery(或JS)控制关键帧

使用jQuery可以为某些CSS属性设置动画,在您的情况下,它是
不透明度
,并通过JS更改它的值,这样您将失去动画的
%
控制


或者,您可以使用
Timeout
函数将动画类设置为object,前提是您知道它应该在何时更改。设置动画类,在动画中间超时更改图像url,然后在动画结束时删除动画类。

看起来我的评论就是您要查找的内容。:)

根据你的最后一个问题: 我添加了2个
onClick
函数以滑到下一张或上一张幻灯片

以下是由此产生的小提琴:

有关旋转木马的更多功能,请查看:

您是否尝试过引导旋转木马?这正是它所做的:D这里是一个快速的例子:编辑:停止自动播放只需添加间隔:假在js:感谢几乎有旋转木马支持淡入淡出效果,我想让它看起来不像一个滑块,但一张图片稳定的图像改变点击这里是我尝试的东西。。。这就是你想要的吗?谢谢最后一个问题,我如何控制类似于缩略图的滑块,但希望显示链接而不是缩略图,例如,我有10个滑块,只有3个链接