swiper

0热度

1回答

如何停止swiper slide自动播放鼠标输入并开始自动播放鼠标离开？我试过.stopAutoPlay（）和.startAutoPlay（）函数，但没有为我工作。谢谢你这里是代码。 var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClicka

0热度

3回答

myswiper.slideTo（）不是一个函数

我在控制台这个错误，但我不明白为什么 var mySwiper = new Swiper('.swiper-container', { speed: 400, loop: true, slidesPerView:1, calculateHeight: true, spaceBetween: 50, watchActiveIndex: tr

3热度

2回答

swiper自定义分页仅幻灯片

我做了一个非常简单的图像滑块swiper然后添加自定义分页使用swiper的“paginationCustomRender”jQuery和数据属性它生成分页就好，一切工作时滑动，但它不可点击，所以我添加了小函数告诉我的滑块在单击分页中的某个标签时“滑动（）”目标幻灯片，但它只能工作一次，然后该函数不会再次启动。我已经搜索，从我发现大多数人没有使用swiper的内置选项，并自行制作，所以我想知道我

0热度

1回答

Swiper：仅用一个按钮和以前的项目手动滑动到下一个项目

我正在使用swiper来显示一些项目。我只想在单击按钮时滑动到下一个项目，但要手动滑动到之前的项目。这些都是关系到刷卡的相关选项： allowSwipeToPrev：设置为false以禁用刷卡之前的滑动方向（向左或顶部） allowSwipeToNext：设置为false禁用向下滑动方向滑动（向右或向下） swipeHandler：CSS with CSS选民或者分页容器的HTML元素，将作为

0热度

1回答

在iDangerous swiper幻灯片上使用ng-repeat

在我看来，在swiper幻灯片上使用ng-repeat会禁用在幻灯片中使用幻灯片的可能性。见JsFiddle link。它包含4个水平幻灯片，幻灯片2包含一个带有2个幻灯片的垂直幻灯片。它工作正常，但如果我更改HTML  <div class="swiper-slide"> 要：  <div class="sw

0热度

1回答

SwiperSlider，带有大拇指和循环的图库中断SwiperSlider完成

SwiperSlider中断循环：启用了真正的大拇指。我的代码是这样的： var galleryTop = new Swiper('.gallery-top', { spaceBetween: 15, slidesPerView: 2, centeredSlides: true, loop: true }); var galleryThumbs =

0热度

1回答

斯威斯幻灯片中的4个div

我有一个swiper滑块。我需要把4个格在一个滑块，和2周的div中的第二个。在第一滑动我有2名的div和4个格中的第二个。 function loadcontent() { var id = $('.catslide>.swiper-wrapper>.swiper-slide-active').attr('data-id'); $.ajax({ type: "P

0热度

1回答

jQuery在元素类发生变化时执行函数

我已经设置了一个swiper滑块，并希望在函数到达特定幻灯片时启动该函数。这是我到目前为止已经完成，但它不工作： // event listener function addClassNameListener(elemId, callback) { var elem = $(".swiper-home .swiper-slide:nth-child(2)"); var act

0热度

1回答

刷卡3.3.1主图像和缩略图不同步

刷卡3.3.1 问题重现了：铬，火狐（还没有检查其他浏览器）当我点击右边箭头，达到5图像，缩略图滑动到错误的图像（主图像和缩略图图像不再同步）。如果我设置centeredSlides 的问题就消失了：真实的（但我希望它没有中心工作）谁能帮助？这里是一个小提琴https://jsfiddle.net/Paofiddle/5jzk0ojq/4/ P.S在这里的“run code snippet”

3热度

2回答

JQuery Swiper滑动高度

我正在使用JQuery Swiper。我基本上有一个部分，我将高度设置为视口高度。 #portfolio { height: 100vh; } 在本节中，我有一个左侧和右侧，这是我设置为100％ #portfolio-left { background: #6bbea5 none repeat scroll 0 0; height: 100%; } #po