有前辈用过transition加transitionEnd事件写过轮播图吗???
前辈好,如题,请问有前辈以前用过css3动画实现过无缝轮播图的demo吗??我想参考一下你们的源码是怎么写的。。
我自己写的时候,配合transitionend事件,无法实现最后一张图的跳转,永远都是直接滑到第一张,不知道哪里问题,并且左右的按钮点击事件,快速点击的话,整个图会切出去,也就是说transitionend事件在我快速点击下一张图的按钮的时候,是不生效的。。。
好多坑搞不懂,所以就想来问问有没有前辈有demo,必须是无缝滚动的那种,并且有左右按钮的,下标可以不用有。。。
打扰了,望指教!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
你把
index == 4
放到transitionEnd
里执行,在动画没有结束的时候如果鼠标不停点击,index
会持续增加:这样当
transitionEnd
执行时,index == 4
就不会成立,所以后面的逻辑都不会执行,也就造成了translate3d
的值不断增加显示空白。题主,那个直接滑倒第一张的问题怎么解决的 :D