为Slick Slider克隆额外的幻灯片

ebuat3989

我正在使用jQuery Slick Slider创建一个左对齐,无限,可变宽度的滑块。这是JSFiddle:http : //jsfiddle.net/mtaube/rLkj3wcn/2/

基本初始化和设置,使用默认主题:

$('.js-slick').slick({
    dots: true,
    variableWidth: true,
    arrows: true,
});

这是滑块的开头,根据需要显示:

在此处输入图片说明

问题在于,当您到达最后一张幻灯片时,在弹出新幻灯片之前会有很多空白:

在此处输入图片说明

有办法避免这种情况吗?我需要删除闪烁的临时空白。提前致谢。

ebuat3989

回答我自己的问题...显然,这是jQuery Slick Slider的已知错误

GitHub上有一些错误报告,对于尝试订阅该问题的人来说,这是最相关的报告:https : //github.com/kenwheeler/slick/issues/1207

该GitHub报告中显然有一些黑客,但是对我来说效果不佳,因为它打破了“点”的设置。如果错误最终得以解决,我将更新此答案。不管怎么说,还是要谢谢你。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Slick Slider中更换幻灯片之前检查条件

来自分类Dev

仅设置最后显示的Slick Slider幻灯片的样式?

来自分类Dev

如何在Slick幻灯片中将幻灯片的高度调整为相等?

来自分类Dev

jQuery Slick Slider显示一些空幻灯片

来自分类Dev

每张幻灯片的Slick Slider响应式产品数量

来自分类Dev

尝试删除由 Slick Slider Plugin 制作的幻灯片的父容器

来自分类Dev

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

来自分类Dev

slick.js-为什么在使用引导行时会克隆第一张幻灯片?

来自分类Dev

为jquery幻灯片创建循环

来自分类Dev

React Slick渲染上的幻灯片溢出

来自分类Dev

Bxslider将中间幻灯片设置为活动幻灯片

来自分类Dev

猫头鹰轮播幻灯片全部显示为一张幻灯片

来自分类Dev

带有 owlcarousel2 的幻灯片,为每张幻灯片设置移动

来自分类Dev

如何使用apache poi为幻灯片设置不同的幻灯片过渡效果

来自分类Dev

将活动幻灯片居中,并在slick.js中显示3张幻灯片

来自分类Dev

将活动幻灯片居中,并在slick.js中显示3张幻灯片

来自分类Dev

为幻灯片设置正确的计时器

来自分类Dev

bxSlider最后一张幻灯片为空

来自分类Dev

将PowerPoint 2010幻灯片设置为高清尺寸

来自分类Dev

在基本的CSS滑块中为幻灯片分配类

来自分类Dev

超幻灯片将图像调整为大尺寸

来自分类Dev

为自举轮播幻灯片增添效果

来自分类Dev

为 ffmpeg 视频幻灯片添加字幕

来自分类Dev

kenwheeler / slick如何获取当前幻灯片作为dom或jquery对象?

来自分类Dev

如何更改Slick Carousel上幻灯片的宽度和高度?

来自分类Dev

Slick Carousel目标活动幻灯片可添加和删除动画类

来自分类Dev

Bootstrap 4行未调整其高度,从而导致Slick.js幻灯片高度

来自分类Dev

slick.js隐藏幻灯片,直到单击屏幕上的元素

来自分类Dev

Slick - 自动滑动到添加到幻灯片的新项目

Related 相关文章

  1. 1

    在Slick Slider中更换幻灯片之前检查条件

  2. 2

    仅设置最后显示的Slick Slider幻灯片的样式?

  3. 3

    如何在Slick幻灯片中将幻灯片的高度调整为相等?

  4. 4

    jQuery Slick Slider显示一些空幻灯片

  5. 5

    每张幻灯片的Slick Slider响应式产品数量

  6. 6

    尝试删除由 Slick Slider Plugin 制作的幻灯片的父容器

  7. 7

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

  8. 8

    slick.js-为什么在使用引导行时会克隆第一张幻灯片?

  9. 9

    为jquery幻灯片创建循环

  10. 10

    React Slick渲染上的幻灯片溢出

  11. 11

    Bxslider将中间幻灯片设置为活动幻灯片

  12. 12

    猫头鹰轮播幻灯片全部显示为一张幻灯片

  13. 13

    带有 owlcarousel2 的幻灯片,为每张幻灯片设置移动

  14. 14

    如何使用apache poi为幻灯片设置不同的幻灯片过渡效果

  15. 15

    将活动幻灯片居中,并在slick.js中显示3张幻灯片

  16. 16

    将活动幻灯片居中,并在slick.js中显示3张幻灯片

  17. 17

    为幻灯片设置正确的计时器

  18. 18

    bxSlider最后一张幻灯片为空

  19. 19

    将PowerPoint 2010幻灯片设置为高清尺寸

  20. 20

    在基本的CSS滑块中为幻灯片分配类

  21. 21

    超幻灯片将图像调整为大尺寸

  22. 22

    为自举轮播幻灯片增添效果

  23. 23

    为 ffmpeg 视频幻灯片添加字幕

  24. 24

    kenwheeler / slick如何获取当前幻灯片作为dom或jquery对象?

  25. 25

    如何更改Slick Carousel上幻灯片的宽度和高度?

  26. 26

    Slick Carousel目标活动幻灯片可添加和删除动画类

  27. 27

    Bootstrap 4行未调整其高度,从而导致Slick.js幻灯片高度

  28. 28

    slick.js隐藏幻灯片,直到单击屏幕上的元素

  29. 29

    Slick - 自动滑动到添加到幻灯片的新项目

热门标签

归档