slick.js相关内容

我如何重新定位SlickJS旋转木马中的点?

在我的项目中,我使用了滑块插件(http://kenwheeler.github.io/slick/)。我想知道是否有可能重新定位圆点。默认情况下,它们显示在应用了平滑滑块的div容器下方。我想在这里实现的是在滑动div块中放置光滑点。我可以用箭头来实现这一点,因为我可以用定制的类名来引用它们。 我的html如下所示: ..
发布时间:2022-06-26 14:17:37 前端开发

Slick不仅仅是Safari浏览器的一项功能

我使用的是slick carousel,它在Firefox和Chrome上运行良好,但Safari的控制台显示著名的错误“slick is not a function”。我在这个旋转木马中有两个图像,只有Safari同时显示这两个图像,一个叠加在另一个之上。我正在根据需要在jQuery后面添加Slick.js: ..
发布时间:2022-03-22 12:49:36 其他开发

滑动滑块:使用箭头导航时,将自定义导航链接标记为活动

我正在使用我的平滑滑块的一些自定义导航链接导航到某些幻灯片。 它工作得很好,但如果我从滑块添加内置箭头,则会出现问题。 当我使用这些链接导航时,自定义链接没有获得.active类。 有什么方法可以添加这个类吗?我知道,我可以使用滑块同步选项来做到这一点。但在我的情况下,我必须使用自定义链接,并且不能使用asNavFor选项。 以下是我当前的代码(此处的工作示例:https://cod ..
发布时间:2022-02-24 22:01:35 前端开发

每个 Slick Slider 有 4 个自定义帖子类型

我正在尝试创建一个滑块,其中每张幻灯片包含 4 个自定义帖子类型. 我已设法使滑块正常工作,但目前每张幻灯片仅显示一种自定义帖子类型. 每张幻灯片我需要 4 个帖子,但我似乎不知道如何实现. 请问大家有什么建议吗?非常感谢! $(文档).ready(函数(){$('.courses-slider').slick({点 ..
发布时间:2022-01-24 18:02:02 其他开发

滑动滑块在幻灯片内附加点

我添加了光滑的滑块来在我的网站上创建一个滑块.让点工作并将它们附加到幻灯片中,这是使它们处于我想要的位置的唯一方法,但现在活动状态不适用于点. 可能是因为它被包含在尽可能多的幻灯片中.有人帮我解决这个问题吗? $(document).ready(function() {$('.main-slider').slick({无限:真的,幻灯片显示:1,slidesToScroll: 1,点:真的 ..
发布时间:2022-01-24 17:58:58 前端开发

响应光滑的滑块

我创建了这个光滑的滑块.有人可以帮我修复响应式面包屑吗? slick-content-slider slick-initialized slick-slider 采取了一个奇怪的高度......我想要创建的是每个 div 都保持在同一行.提前谢谢你! $('.slick-content-slider').slick({幻灯片显示:4,slidesToScroll: 4,箭头:真}); ..
发布时间:2022-01-24 17:49:01 前端开发

Slick Slider - 使用 php 实现会导致背景图像错误

大家好, 我做了一个相当可爱的滑杆. 在我让它使用 PHP 并将其托管在我的网站上之前,它是一种享受. $(function() {//console.log("准备好了!");//滑块控制台.clear();var carousels = $('.funky-slider');变量配置 = {点:真的,箭头:错误,无限:真的,速度:700,自动播放:假,自动播放速度:5000 ..
发布时间:2022-01-24 17:40:32 PHP

光滑的轮播在初始化时加载错误的宽度

在页面加载的第一秒内,第一张幻灯片仅占据屏幕的一半,然后自行更正.它会导致不愉快/活泼的加载体验.如果我通过检查监视元素代码,我可以看到内联宽度在页面加载后大约一秒钟内更新.有什么建议吗? 解决方案 我也有同样的问题解决方案是从上一张幻灯片 (initialSlide: ...) 开始并调用 slick('slickNext') ..
发布时间:2022-01-24 17:31:50 其他开发

Slick Slider 同步多个滑块 - 3

我正在使用带有 3 个滑块的光滑滑块同步.使用 2 个滑块可以正常工作,但是当我尝试使用 3 个具有 3 个类的滑块时,仍然只有 2 个在工作. 示例 »https://jsfiddle.net/rk0tuoy7/6/ $('.slider-for').slick({幻灯片显示:1,slidesToScroll: 1,箭头:错误,褪色:假,asNavFor: '.slider-nav' ..
发布时间:2022-01-24 17:16:43 前端开发

带有 CSS 过渡的幻灯片闪烁

一直在研究可能的解决方法,但无法找出问题所在. 问题似乎只存在于 chrome 中.但它不会在 Chrome Canary 中发生. http://jsfiddle.net/de2yzzds/6/(使用箭头键导航我也需要这种方式的html) 幻灯片从最后一张幻灯片转到第一张幻灯片时会闪烁 我在使用 Chrome 版本 47.0.2526.80(64 位)的 Mac 上 ..
发布时间:2022-01-19 12:49:19 前端开发

如何在 Slick 轮播项目之间添加空格

我想在两个光滑的轮播项目之间添加空间,但不希望有填充的空间,因为它会减小我的元素大小(我不希望这样). $('.single-item').slick({初始幻灯片:3,无限:假}); .slick-slider {边距:0 -15px;}.slick-slide {填充:10px;背景颜色:红色;文本对齐:居中;边距右:15px;左边距:15px;} ..
发布时间:2022-01-11 12:39:32 前端开发

滑动滑块更改幻灯片时暂停 youtube 视频

我使用 Jquery Slick Slider 创建了一个图像滑块,它也有 youtube 视频剪辑.当页面加载 youtube 视频设置为滑块的第一张幻灯片时,它会自动播放并开始播放.我想要,当我将滑块框架更改为下一张幻灯片时,youtube 视频停止播放. 我查看了其他 stackoverflow 答案,但找不到任何内容. 我试过了 - 这是我的 div 结构- ..
发布时间:2022-01-06 16:27:30 其他开发

Slick Carousel 中的等高引导卡

我无法通过光滑的旋转木马获得具有不同长度的主体内容的等高引导卡.我在这里查看了类似的答案,但它们似乎都不适用于我的场景. 我设法获得了等高的幻灯片,但由于某种原因,我无法使幻灯片中的卡片达到幻灯片(父容器)的 100% 高度.我正在尝试实现 Bootstrap 类“card-deck"实现的功能,但是在轮播中. HTML ..
发布时间:2021-12-24 09:15:47 前端开发

带有铁路由器的流星无法让光滑的旋转木马工作

我正在使用铁路由器,我有一个路由“模型",其中包含一个项目列表.当用户单击这些项目之一时,将使用新路由“模型",所选项目的名称作为参数传递并用于从数据库加载有关该模型的数据. 我想使用光滑的轮播,使用从数据库返回的图像数组(基于参数). {{#每张图片}} {{/每个}} 我应该在哪 ..
发布时间:2021-12-22 22:35:33 其他开发

Slick-carousel 如何在通过 youtube api 打开视频时停止自动播放

嗨,我无法获得光滑的轮播(http://kenwheeler.github.io/slick/) 当我在滑块内使用 YouTube 剪辑时停止自动播放.. 有人说我可以使用 onAfterChange 但仍然不知道如何在视频打开时关闭自动播放(请注意这是鼠标不在视频上时) 这是我正在使用的代码,任何帮助都会很好:) $("#slider").slick({幻灯片显示:1,幻灯片滚动: ..
发布时间:2021-11-15 01:35:56 其他开发

带有 Angular JS 的光滑轮播

我在我的一个 AngularJS 应用程序.为此,我创建了如下指令: myApp.directive('slickSlider',function(){返回 {限制:'A',链接:功能(范围,元素,属性){$(element).slick(scope.$eval(attrs.slickSlider));}}}); 这是我在视图文件中的代码: ..
发布时间:2021-11-09 03:18:55 其他开发