问题标签 [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.
splidejs - 如何让幻灯片在 Splidejs 中自动播放
我是 Splidejs 的新手。
我想在我的网页中制作幻灯片,以便在页面加载时自动播放。
我尝试使用此代码,但它没有完成我的任务(我将自动播放属性设置为 true)。
javascript - Splidejs Slider的闪烁问题
我在网站中使用 SplideJS 制作滑块
这是网站:https ://cjaddbdev.wpengine.com/
这是JS代码:
这是 HTML 代码:
您必须等到最后一张幻灯片才能看到正在发生的问题。
问题是当循环完成时,我看到一个奇怪的闪烁,我撞到墙上不知道如何解决它,任何帮助将不胜感激
css - 响应断点不适用于 Splide js 滑块
我正在使用Splide js实现一个轮播滑块。当我将浏览器大小调整为 767 时,响应式断点设置不起作用。它仅在包括平板电脑和移动设备在内的所有屏幕上显示 1024 的断点设置。
这是我的代码:
我在这里错过了什么吗?是否有解决方法可以在所有断点上进行这项工作?提前致谢!
javascript - Splide JS滑动到活动元素
我有一个滑动器滑块,当我向下滚动到相关部分或单击它们时,它充当粘性导航栏。我的滑块滑块有 4 个以上的元素。当我到达页面中的某个部分时,我的滑块滑块元素被突出显示(一个类被添加到我的链接中以使它们处于活动状态)并且一切正常。我的问题是.. 当我在最后一个部分滚动时(例如),高亮显示在我的最后一个元素的导航栏上,但目前它不在页面内,因此需要手动水平滑动才能到达它。当我到达最后一部分时,如何聚焦元素(让我的滑块自动滚动直到它到达它)?
javascript - 如何检测 splidejs 轮播结束以进行 ajax 调用并加载新图像?
我正在使用 Vanilla JS 并查看 splidejs 文档,我找不到通过单击或滑动图像来检测轮播结束的事件。我需要检测结束才能进行 ajax 调用并加载更多图像。
javascript - 拖动选择索引上的 Splidejs
状态:带有 24 张幻灯片的 splidejs 组件,只有 3 张幻灯片向用户显示,焦点:'center'
问题:用户拖动幻灯片后,(所选幻灯片的)属性索引仍然指示旧的不可见幻灯片。
问题:拖动后如何更改可见幻灯片的选定索引(在中心)?
任何帮助都会很有价值。
javascript - 如何动态加载目录中的所有图像以与 Splidejs 一起使用
我用 Splide 创建了一个轮播并添加了一些随机图像。无需在每次添加或删除图像时都更改代码,如何让 Splide 从 WordPress 的目录中动态加载所有图像?
HTML
JS
javascript - 带有 animate.css 类的幻灯片之间的 Splide.js 文本动画
我使用 splide.js 轮播,我想使用 animate.css 为幻灯片之间的文本标题设置动画。
我使用 splide 事件: https ://splidejs.com/guides/events/
这是我使用的代码:
Codepen 示例: https ://codepen.io/haralake/pen/YzQObEK
第一张幻灯片得到了课程,但其他人没有。我想我以错误的方式使用事件,但我不知道问题出在哪里。
javascript - Splidejs:没有视频
我正在尝试运行 SplideJS 滑块。但是,当我尝试插入此代码时,之后没有任何反应。你知道如何让它工作吗?
提前谢谢了!