问题标签 [swiperjs]

在我的网站上，我无法初始化第二个 swiper 实例。第一个 Swiper 可以正常工作。第二个只是显示第一张幻灯片。

我已经尝试像某些人推荐的那样在超时中包装第二个实例。我也尝试过更改变量名称（如代码中所示）。

我究竟做错了什么？谢谢你的帮助！

代码如下所示：

我尝试制作如下图所示的设计。 我将初始幻灯片设置为“1”。我想在索引“1”上禁用滑动导航。你能弄清楚怎么做吗？我已经尝试了很多关于堆栈溢出的答案，但仍然不能。这是我的代码。

我有一个基于 Swiperjs 第三方库的轮播。问题是，当我使用 scope: true 时，我没有问题并且工作正常，但是，当我尝试使用 shadow: true 配置组件时，它被破坏并且没有任何作用。我正在使用以下库：

出于某种原因，当我将组件配置为“shadow：true”时，它无法访问模板或者是我的想法。

我正在处理一个包含两个垂直滑块的页面。但是在单击向下箭头按钮或鼠标滚动时，我想要一个向上滑动单词（从下到上），另一个向下滑动（从上到下）。我该如何实施？

我的代码基本上看起来像这样：

像这样的脚本：

我正在使用Swiper API让用户在我的 HTML5/JS/CSS 网站上的多个页面上滑动。我初始化了swiper（请注意我使用的是Framework7，它包含Swiper API作为内部模块，该app对象代表Framework7实例：

我的 HTML 上还有三张幻灯片：

我写了一个监听器来监听页面变化：每次用户滑动到下一页，transitionEnd触发事件

当我尝试检索当前幻灯片索引 ( swiper.activeIndex) 时，我得到了非常奇怪的结果：我希望得到一个数字，0、1 或 2（当前页面索引）。如果我不环绕，我会得到 1,2,3（好吧，不是基于 0，非常好，我会添加一个 -1）。如果我环绕（Swiper 在循环中无缝滑动，环绕页面）我也会得到 0 和 4 作为索引，我不知道为什么。

文档说，在循环模式 ( loop: true) 中，活动页面索引的工作方式如下：

当前活动幻灯片的索引号

请注意，在循环模式下，活动索引值将始终在多个循环/复制幻灯片上移动

还是没看懂那句话。“在许多循环幻灯片上移动”？

检查 HTML 我可以看到 Swiper API 在“真实”幻灯片序列的最左侧和最右侧创建了额外的“重复”幻灯片，以创建跨页面无缝循环的效果。

但如果实际上我只有 3 页，为什么我还会得到索引 0 和 4 而不是只有 1、2、3？（第 1 页 = 1，第 2 页 = 2，第 3 页 = 3）？

我正在尝试将移动设备中的活动滑块扩大到 1.1。我正在使用slideChange方法来获取活动滑块swiper.realIndex。我在开始使用init方法时成功地放大了第一个滑块，但它不适用于幻灯片更改。

工作代码笔https://codepen.io/bhanusinghR/pen/QWbERom?editors=1010

我希望活动滑块被放大，其余的在移动设备上是默认大小。提前致谢。

我是 javascript 新手，我正在尝试实现卡片轮播。我遇到了 Swiper 滑块插件，我想我试一试。现在我有一个外部javascript文件的问题，其中正在初始化Swiper，或者我认为这就是问题所在。我怀疑它没有正确加载并且更改<script>标签的顺序可以解决问题，但我不知道当然，如果是这样的话。

这是我的 html 标头标签：

我的script.js文件：

最后一个我的html swiper：

我正在使用 Thymeleaf 并在一堆卡片中显示表格的内容。我尝试了没有 Thymeleaf 的 swiper 以及官方文档所说的方式，但仍然没有运气。

尽管设置slidesPerView: 3,结果只是第一张幻灯片，并且导航按钮不起作用。任何帮助将不胜感激<3

我正在使用 swiper 滑块版本 3.3.1。我确实应用了这段代码，但没有工作

我想在我的代码中使用来自 swiperjs.com 的两个完全不同的 swiper。我找到了一些可能的解决方案，它确实有效，但仅适用于没有箭头键的解决方案。它实际上是我在 codepen ( https://codepen.io/corca/pen/aOqpda/ )中找到的片段，
这是其中之一，又名“导航”。

另一个的代码在下面，也就是“分页”。

• 刷卡器版本：5.3。

我想知道是否有开箱即用的Swiper JS中设置单个幻灯片持续时间/延迟的选项。我在文档、github 问题中进行了搜索，但找不到任何相关内容。

如果没有开箱即用，任何人都可以展示如何通过破解核心或自定义代码来实现这一目标。

谢谢。