8得票3回答
当 Slick 幻灯片切换时,如何暂停 YouTube 视频播放?

我使用Jquery Slick Slider创建了一个图像滑块,其中包含YouTube视频剪辑。当页面加载时,YouTube视频设置为滑块的第一张幻灯片,并自动播放。我想要的是,当我切换到下一张幻灯片时,YouTube视频停止播放。 我查看了其他stackoverflow答案,但找不到任何有...

8得票2回答
在 slick.js 中,鼠标悬停时滑动不会立即停止

当我设置 speed: 1000 时,pauseOnHover 可以正常工作,但是当我将其设置为 speed: 10000 时,pauseOnHover 不会立即生效 - 它需要几秒钟后才能生效。 代码: $('#featured_credits').slick({ infin...

8得票3回答
在slick.js中点击点后停止自动播放

所以,这是我用于滑块的代码: $('.autoplay').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, dots: true }); ...

8得票3回答
如何在Slick轮播图中修复CSS背景过滤模糊问题?

我正在使用这个CSS来制作Slick滑块的幻灯片效果: backdrop-filter: blur(10px) 但是,当我点击显示下一张幻灯片时,CSS模糊效果会消失一秒钟,然后幻灯片再次变模糊。在使用鼠标拖动幻灯片时,松开鼠标后CSS模糊效果也会消失。 我该如何解决这个问题? Co...

8得票1回答
中心模式下的Slick轮播导致SlidesToScroll无法正常工作

在Slick.js的走马灯中,我想使用centerPadding,所以必须将centerMode设置为true。 在我打开CenterMode后,我滑动幻灯片,但每次只能移动一个幻灯片,无论我从哪一侧拖动/滑动走马灯。 如果我将centerMode更改为false,则走马灯可以正常工作,但ce...

8得票1回答
当Slick轮播发生任何事件时,如何防止所有视频重新加载?

我正在使用Slick轮播插件创建一个视频轮播,用户可以添加、删除和过滤视频。问题在于,每当用户进行事件(添加/删除/过滤)时,轮播中的所有视频都会重新加载,这会使操作感觉不流畅。 我发现,如果我进入slick.js并注释掉`_.$slidesCache = _.$slides;`,就可以停止...

8得票1回答
Slick Slider自定义HTML分页

是否有可能仅使用HTML为Slick Slider创建自定义分页点,就像Bootstrap Carousel所允许的那样。 Bootstrap分页示例 <ol class="carousel-indicators"> <li data-target="#carou...

8得票2回答
在幻灯片内容中添加流畅的箭头

我正在使用 Slick 制作一个幻灯片展示,我需要将箭头放置在幻灯片内容内部,这样我就可以相对于幻灯片内容定位它们,而不是外部容器。我使用 appendArrows 选项来实现这一点,但箭头会被多次添加,导致导航无法正常工作(也在这个问题中提到)。我需要让箭头出现在链接的左右两侧(标题和链接文...

8得票5回答
Slick滑块自定义点

我想知道是否有一种方法可以使用自定义的slick轮播点。当我搜索时,所有找到的都是如何将点变成幻灯片缩略图的示例,但这不是我想要实现的目标。我只想使用自己的png图片来进行活动和非活动点导航。我尝试了以下方法: $('.slick-dots li').html('<a href...

7得票1回答
Slick轮播在初始化时加载了错误的宽度。

页面加载时,前一秒左右,第一张幻灯片只占屏幕的一半,然后才会自我纠正。这会导致不愉快/卡顿的加载体验。如果我通过检查来监视元素代码,我可以看到内联宽度在页面加载约一秒钟后得到更新。有什么建议吗?