问题标签 [swiperjs]

我想创建一个 Swiper 滑块，其中一张幻灯片应展开，如下图所示：

我这样做是这样的：

https://codepen.io/amiut/pen/poyyqye

但问题是，当您要打开放置在屏幕左右边缘的幻灯片时，其中一部分会进入屏幕下方并且不可见。我还尝试translateTo根据swiper 文档将整个滑块移动一点，但这也行不通。

我创建的 CodePen 非常简单，没有动画和其他东西。

尝试创建将控制主画廊的缩略图画廊。我的代码是这样的：

视图如下所示：

它的行为方式： 当我拖动主滑块以更改幻灯片时，它会更改并且拇指画廊幻灯片也会更改。但点击拇指画廊幻灯片不起作用。

所以，如果我点击拇指，它应该改变主画廊的幻灯片，但它不是那样工作的。

我做错什么了吗？

我ion-slides在 Angular 的 Ionic 5 项目中使用。根据本文档，我想通过方法获取 Swiper 的实例getSwiper以使用缩放方法和属性

以下是 HTML 代码：

我无法getSwiper在课堂上调用该方法。我不知道怎么称呼它。我是否需要使用ViewChildforion-slides或任何 IonSlide 事件才能获取实例？

我想要虚拟 swiper为react hooks工作。我这样做是为了从 api 更新更多数据。

我正在使用两个包：

"react-id-swiper": "^3.0.0",,

"swiper": "^5.3.6",

和"react": "^16.11.0"。

api 文档中的示例：https ://swiperjs.com/api/#virtual 。

我不能renderExternal在反应钩子中使用具有功能的虚拟刷卡器。虽然，我已经尝试过使用它。

我的代码使用effect: 'coverflow',：

我正在使用 swiper.js 处理带有幻灯片的页面

幻灯片只应在单击向下箭头时更改，而不是在单击页面上的任何其他元素时更改，既不是文本也不是页面背景，但奇怪的是，当单击其他元素时，幻灯片正在更改，我没有不明白为什么。

这是一个我展示发生了什么的视频，当我点击“季节变化”部分然后幻灯片改变时可以清楚地看到，同样在最后一部分，当我点击几个单词然后幻灯片改变时再次向上： https ://z-testing.000webhostapp.com/_swiper/video.webm

这是网站的演示： https ://z-testing.000webhostapp.com/_swiper/

这是我的代码：

HTML：

谢谢

我有四个按钮可以根据用户选择显示/隐藏幻灯片卡。我默认显示所有产品总共 10 张卡片。当更改为其他选项（只有四张卡片的幻灯片）时，会留下一个空白区域。我尝试使用 $productSlider.update() 进行更新，但没有成功。

演示代码（codesandbox）

刷卡初始化

用户选择按钮

我正在使用 React Js 和 Swiper Js 来获得与 LINK 相同的效果。但由于某种原因，我无法在其中实现任何效果或分页。

我的组件文件夹中有 Card.js：

我尝试使用 this.swiper 初始化仍然没有锻炼。

我的CSS有：

它仅以幻灯片的形式出现在彼此相邻的图像上，没有应用任何效果。滑动时没有覆盖流效果。我是否错过了任何进口或我做错了什么。谁能帮我解决这个问题。

它在独立的 html 页面中运行良好。

当我通过拖动或使用幻灯片下一个、上一个按钮滑动时，我想暂停视频。哪个滑块都没有关系。它可以是有用的刷卡器或猫头鹰旋转木马

我正在使用 ngx-useful-swiper 作为我的轮播。我可以改用 ngx-owl-carousel-o，但如果它适用于任何人 我的 HTML

我的 TS

刷卡器版本：6.2.0

盖茨比版本：2.24.65

你做了什么

想在活动的缩略图幻灯片中添加一些 CSS。

现场直播

编码

CSS

预期行为

正确显示活动幻灯片。意味着只有活动幻灯片应该有绿色边框底部

实际行为

嗯，真的很随意。这是一个显示行为的 GIF

仅发生在其中包含 2 张以上幻灯片的滑块上。

我有一个关于Swiper Slider的问题。如果过渡开始，是否可以禁用“滑动”和“鼠标滚轮滚动”，如果过渡结束，是否可以再次启用？类似的东西。这是为了防止用户在幻灯片之间滚动或滑动过快。

谢谢。