轮播的实现

轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())

将图片排成一行,隐藏超出范围的图片,并在第一张图片前添加最后一张图片,在最后一张图片后添加第一张图片,当触发点击下一张图片的事件时,根据方向移动图片位置来滚动显示图片,滚动到最后一张图片或第一张图片时,再次滚动要跳转到第一张的图片或最后一张图片的位置;

通过判断index值的大小变化来判断图片左移还是右移。通过控制图片的left值,来达到一个轮播的效果。

实现视频中的左右滚动无限循环轮播效果

https://github.com/nciilin/trsk/blob/master/%E8%BF%9B%E9%98%B617/carousel-slide.html

实现一个渐变轮播效果

https://github.com/nciilin/trsk/blob/master/%E8%BF%9B%E9%98%B617/carousel-fade.html

你可能感兴趣的:(轮播的实现)