swiper

1热度

2回答

我使用Swiper并希望自定义分页。这个问题被回答了here，但我误解了，如何使该分页点击，没有任何工作。我究竟做错了什么？ $(document).ready(function() { var mySwiper = new Swiper('.swiper-container', { nextButton: '.swiper-button-next' , prev

0热度

1回答

Swiper.js - 禁用触摸滑动，但以编程方式滑动

在我的科尔多瓦应用程序中，我想以编程方式滑动slideNext()和slidePrevious()方法，但是当我使用allowSwipeToPrev和allowSwipeToNext参数时，方法被禁用。如何禁用触摸滑动时以编程方式滑动？

0热度

1回答

framework7 with swiper.js刷卡滚动到顶端不起作用

我用swiper有这个功能。我想知道如何使用此功能回滚到下一张幻灯片页面的顶部。到目前为止，当我使用onAutoplay回调时，它只能滚动到下一张幻灯片的顶部，而我不想。我的幻灯片有不同的文字和滚动图像，这就是为什么当我向左或向右滑动时我想返回到下一张或上一张幻灯片的顶部。如果可能的话，请为我提供一个示例，以便如何改进我的摘录。谢谢。 $$(document).on('pageInit', fun

2热度

1回答

Swiper with non-sibling slides

我使用swiper作为我的移动视图的滑块。基本上，我想申请swiper-slide类的div不是彼此的兄弟姐妹。这里的样品小提琴来证明我的用例：https://jsfiddle.net/2prcosmk/ 每当我试着刷卡这种方式使用，第一张幻灯片显示正确，但我不能进行实际的滑动从第一个到任何其他幻灯片（如当你尝试移动滑块时，它在演示小提琴中很明显）。我想知道它是否可能。我无法真正重新组织我的ht

0热度

1回答

在模式关闭时，swiper滑块图像索引未更改

保留滑动索引值的滑块，滑块中的其他图像未设置为零。一旦我打开模式并关闭模式，滑块索引在其他模态打开时保持不变。

0热度

2回答

滑块点 - CSS3歪斜斜他们

有动态使滑块点倾斜的斜切面的CSS3的方式？ https://jsfiddle.net/9dtgqw95/5/ span { background: red; width: 15px; height: 15px; border-radius: 15px; display: inline-block; margin-

0热度

1回答

iDangerous Swiper，设置幻灯片到不同的定时器

我似乎无法让我的sw have具有不同的时间设置为每个单独的幻灯片。例如，如果我有5张幻灯片，每张幻灯片都会自动播放，但会根据不同的定时器进行播放。幻灯片1将是5000ms，幻灯片2将是10000ms等... 这是我迄今为止，但它似乎并不想工作。 JS： - 方法1 var mySwiper = new Swiper('.swiper-container', { nextButton:

1热度

1回答

自定义分页swiper.js

我使用swiper.js（http://idangero.us/swiper/api/#.WCBYcxKLTfA）随函附上我目前的代码工作代码小提琴： https://jsfiddle.net/0L2h1p25/12/ 现在我试图得到它风格我想要的方式，但有2个问题，我需要得到修复。 1部分：分页点不是点击第2部分：导航不起作用 1部分：我已经改变了分页中swiper.js为了得到我想要的风

0热度

1回答

如何更改React Native Swiper组件的默认颜色？

我使用的是React Native Swiper组件：https://github.com/leecade/react-native-swiper#custom-basic-style--content 我无法将点颜色更改为除默认蓝色之外的任何其他颜色。有人知道怎么做吗？这里是我的代码： <Swiper style={styles.wrapper} loop={true}> {row

0热度

1回答

使用Swiper回调和JQuery来为幻灯片中的元素设置动画

我最近拿起Swiper.js。我决定做一个幻灯片。这些工作很好。现在我想分别为每张幻灯片中的元素制作动画，我认为这样做的最好方法是使用Swiper.js提供的回调。第一张幻灯片效果不错，但在进入下一个滑块（或返回到第一个滑块）时，动画似乎会出现毛刺。就好像该图像首先以动画状态显示，然后再次进行动画。我做了一个代码片段来演示这个问题： html, body { position: