问题标签 [splidejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
94 浏览

splidejs - 如何让幻灯片在 Splidejs 中自动播放

我是 Splidejs 的新手。

我想在我的网页中制作幻灯片,以便在页面加载时自动播放。

我尝试使用此代码,但它没有完成我的任务(我将自动播放属性设置为 true)。

0 投票
1 回答
271 浏览

javascript - Splidejs Slider的闪烁问题

我在网站中使用 SplideJS 制作滑块

这是网站:https ://cjaddbdev.wpengine.com/

这是JS代码:

这是 HTML 代码:

您必须等到最后一张幻灯片才能看到正在发生的问题。

问题是当循环完成时,我看到一个奇怪的闪烁,我撞到墙上不知道如何解决它,任何帮助将不胜感激

0 投票
1 回答
2001 浏览

css - 响应断点不适用于 Splide js 滑块

我正在使用Splide js实现一个轮播滑块。当我将浏览器大小调整为 767 时,响应式断点设置不起作用。它仅在包括平板电脑和移动设备在内的所有屏幕上显示 1024 的断点设置。

这是我的代码:

我在这里错过了什么吗?是否有解决方法可以在所有断点上进行这项工作?提前致谢!

0 投票
1 回答
141 浏览

reactjs - 这个命令有问题,npm install @splidejs/react-splide?

我正在尝试将滑块添加到反应应用程序中,因此我尝试安装 splide js,但是在使用此命令安装库时我遇到npm install @splidejs/react-splide了错误。会有什么问题?

错误图

在此处输入图像描述

0 投票
0 回答
266 浏览

javascript - Splide JS滑动到活动元素

我有一个滑动器滑块,当我向下滚动到相关部分或单击它们时,它充当粘性导航栏。我的滑块滑块有 4 个以上的元素。当我到达页面中的某个部分时,我的滑块滑块元素被突出显示(一个类被添加到我的链接中以使它们处于活动状态)并且一切正常。我的问题是.. 当我在最后一个部分滚动时(例如),高亮显示在我的最后一个元素的导航栏上,但目前它不在页面内,因此需要手动水平滑动才能到达它。当我到达最后一部分时,如何聚焦元素(让我的滑块自动滚动直到它到达它)?

0 投票
0 回答
160 浏览

javascript - 如何检测 splidejs 轮播结束以进行 ajax 调用并加载新图像?

我正在使用 Vanilla JS 并查看 splidejs 文档,我找不到通过单击或滑动图像来检测轮播结束的事件。我需要检测结束才能进行 ajax 调用并加载更多图像。

0 投票
0 回答
54 浏览

javascript - 拖动选择索引上的 Splidejs

状态:带有 24 张幻灯片的 splidejs 组件,只有 3 张幻灯片向用户显示,焦点:'center'

问题:用户拖动幻灯片后,(所选幻灯片的)属性索引仍然指示旧的不可见幻灯片。

问题:拖动后如何更改可见幻灯片的选定索引(在中心)?

任何帮助都会很有价值。

0 投票
0 回答
64 浏览

javascript - 如何动态加载目录中的所有图像以与 Splidejs 一起使用

我用 Splide 创建了一个轮播并添加了一些随机图像。无需在每次添加或删除图像时都更改代码,如何让 Splide 从 WordPress 的目录中动态加载所有图像?

HTML

JS

0 投票
1 回答
453 浏览

javascript - 带有 animate.css 类的幻灯片之间的 Splide.js 文本动画

我使用 splide.js 轮播,我想使用 animate.css 为幻灯片之间的文本标题设置动画。

我使用 splide 事件: https ://splidejs.com/guides/events/

这是我使用的代码:

Codepen 示例: https ://codepen.io/haralake/pen/YzQObEK

第一张幻灯片得到了课程,但其他人没有。我想我以错误的方式使用事件,但我不知道问题出在哪里。

0 投票
0 回答
30 浏览

javascript - Splidejs:没有视频

我正在尝试运行 SplideJS 滑块。但是,当我尝试插入此代码时,之后没有任何反应。你知道如何让它工作吗?

提前谢谢了!