swiper 相关问题

移动触摸滑块和框架,带有硬件加速转换

使用jquery查找活动元素和后3个元素

我正在尝试使用jquery查找活动幻灯片(类名= swiper-slide-active),然后包括接下来的3个元素以在其中放置一些CSS代码。 HTML:

回答 1 投票 1

Ionic4 React框架-IonSlides没有填充分页-为什么未定义params.pagination.el?

我有一个使用Ionic4的React构建的简单Webapp。该应用程序中的两个“部分”由全屏IonSlides和分页(pager = {true})组成。在所有浏览器中,除了iPad Air ...

回答 1 投票 0

反应天然甲板-刷卡错误是类型错误:未定义不是(评价“cards.length”)的对象

通过参照https://snack.expo.io/rJBRhOLU-常量CARDONE =需要( “../../图像/ doginfo-1.png”)创建的;常量cardTwo =需要( “../../图像/ doginfo-2.png”);常量cardThree =要求(” .. / .. / ...

回答 2 投票 0

使用ngx-swiper-wrapper用拇指安装图像滑块

我正在尝试实现ngx-swiper-wrapper,以用类似以下的拇指构建图像滑块:https://idangero.us/swiper/demos/300-thumbs-gallery.html是否有人能够做到这一点?我看不到...

回答 2 投票 1

在图像的顶部刷卡使用文本响应图像

我使用的是组队,探索创造一些像滑块和我试图包围在2个Flexbox的容器,我的图像响应滑块。我想补充上的图像的顶部一些文字,...

回答 1 投票 1

离子幻灯片不更新动态数据

我使用的最新版本4.0.0离子的我试图更新按钮点击滑块的内容,但不更新内容的打字稿代码改变甚至数组值。这里我们我的视图代码:...

回答 1 投票 2

Swiper,如何实时获得translateX?

我想实时获取swiper-wrapper的translateX。我将使用实时translateX来做一些工作。 swiper.on('sliderMove',函数onSliderMove(){console.log(this.getTranslate(),this ....

回答 1 投票 8

我们可以覆盖滑动导航箭头的默认行为吗?

我正在使用反应swiper在循环中在屏幕上显示多个元素。有没有办法可以覆盖导航箭头的默认行为?我想在最后改变导航的工作方式......

回答 1 投票 0

当幻灯片更改时,如何获取当前幻灯片的索引?

我有以下mySwiper = new Swiper('。my-swiper',{direction:'vertical',loop:true,}); mySwiper.on('slideChange',function(){console.log('*** mySwiper.realIndex',mySwiper ....

回答 2 投票 1

在幻灯片更改之前添加延迟

我正在使用Swiper Slider。有没有办法在我点击下一个/上一个按钮后在幻灯片更改之前添加延迟?例如:我单击下一个按钮,等待1秒钟,然后切换到下一张幻灯片。 ...

回答 1 投票 0

如何在swiper.js中更改滑动方向?

当我在90度旋转滑动条时,我正在努力改变滑动方向。所以在开始时默认它有水平方向。当点击幻灯片时,我正在旋转“swiper-container”......

回答 1 投票 11

在Laravel 5.7 / Bootstrap 4.3中加载和使用Swiper 4.4.6

我试图找到基于Laravel 5.7网站在bootstrap 4中使用Swiper的最佳方法。在已安装的Swiper中使用npm安装swiper。在app.js中我有:require('./ bootstrap');需要( '刷卡')...

回答 1 投票 0

如何使swiper滑块响应角度

我的角度项目中有一个滑块滑块。它在桌面视图中有4个项目。我想在移动视图中显示1个项目。检查此链接https://stackblitz.com/edit/ngx-swiper-wrapper-demo-h9egdh?file = app / ...

回答 1 投票 2

swiper.js控制两个实例

所以我设置了两个swiper.js实例,我想在使用其中一个时滚动它们。编辑:我的主要目标是在swiper主页上重新创建主要功能。 EDIT2:我发现了......

回答 2 投票 1

使用flex-row和flex-col与顺风不能使用计算机和手机正确对齐

我有一个我的网站的问题,尝试使用flexbox和glwind-row sm:flex-col进行响应,并且它不会在行中仅输出奇怪的列。请记住我...

回答 1 投票 1

angular-ui-swiper - 如何设置选项?

我正在尝试使用AngularJS的angular-ui-swiper。实施非常简单,请看这里https://www.npmjs.com/package/angular-ui-swiper但是我无法为此设置更多选项...

回答 1 投票 0

Swiper滑块自定义上一个/下一个导航

我正在使用swiper滑块(https://idangero.us/swiper/)列出组合项目的wordpress网站。我需要的是包含下一张幻灯片标题的下一个按钮。那可能吗?就像是 ...

回答 2 投票 0

Swiper - 在第一个循环后,第一个项目被错误地渲染,但数据是正确的

我正在使用Swiper框架在Vue中获取滑块功能。一切正常,但是如果我过滤我的数据并且在滚动后第一个周期结束后它显示我错误的项目。 ...

回答 1 投票 0

React swiper无法正常工作:Uncaught TypeError:react_1.useEffect不是函数

我已经在我的网络应用程序中安装了react-id-swiper:https://www.npmjs.com/package/react-id-swiper安装:npm install --save react-id-swiper @ latest swiper @ latest我有 ...

回答 2 投票 0

如何同步三个滑键滑块?

我有三个不同的滑块,每个滑块上都有不同数量的滑块。如何保持所有三个不同的滑键滑块同步?我知道两个滑块我们可以这样做:...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.