如何检测圆滑的最后一张幻灯片和第一张幻灯片?

艾米

我正在尝试使用slick.js检测第一张幻灯片和最后一张幻灯片。https://github.com/kenwheeler/slick我该怎么做?

菲多93

您可以使用几个事件来检测到这一点:

变更前

$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});

afterChange

$('.slider').on('afterChange', function(event, slick, currentSlide){
  console.log(currentSlide);
});

轻扫

$('.slider').on('swipe', function(event, slick, direction){
  console.log(direction);
  // left
});

让我知道这是否适合您。

谢谢

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何获取部分中第一张幻灯片的幻灯片编号?

bxslider移动第一张幻灯片

滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

转盘到达最后时返回第一张幻灯片

UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片崩溃

jQuery周期2:如何正确显示第一张幻灯片的索引?

如何在第一张幻灯片中添加按钮以加载下一张幻灯片?

如何修复Slick.js中的第一张幻灯片并从第二张幻灯片开始?

bxSlider最后一张幻灯片为空

manifest.js打印为pdf仅打印第一张幻灯片?

photowipe - 单击外部元素时显示第一张幻灯片

ffmpeg视频幻灯片仅拍摄第一张图像

防止滚动过去后滚动回到第一张幻灯片

ActionBarDrawerToggle直到第一张幻灯片才打开抽屉

光滑的滑块动画回到第一张幻灯片

幻灯片的第一张图片未加载

在Easy Slider中更改第一张幻灯片的暂停时间

基金会去轨道第一张幻灯片

JavaScript幻灯片卡在第一张照片上

第一张幻灯片后的字幕未显示为flexslider

Slick Carousel 重置为 Bootstrap 3 中的第一张幻灯片

旋转木马:到达终点后返回第一张幻灯片

离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

为什么幻灯片会跳过最后一张幻灯片?

如何获取最后一张和第一张幻灯片以激活下一个和上一个按钮或相应地禁用

如果第一张或最后一张幻灯片处于活动状态,请禁用centerMode-Slick Slider