swiper js 每个视图多张幻灯片

耶兰·叶沙诺夫

尝试使用每个视图 3 张幻灯片制作 swiper,但所有幻灯片同时显示。搞不懂是什么问题。请检查我的沙箱:https : //codesandbox.io/s/condescending-maxwell-vlxev

function swiperTours() {
  var swiper = new Swiper("#tours.swiper-container", {
    slidesPerView: 3,
    navigation: {
      nextEl: ".swiper-button-next.tours-btn_next",
      prevEl: ".swiper-button-prev.tours-btn_prev"
    }
  });
}
丹尼尔

您缺少 swiper.min.css 文件。您应该删除 swiper 块上的自定义样式。这里有一些脏代码作为例子:https : //codesandbox.io/s/charming-solomon-y1i8q

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用swiper js创建一个历史时间表,每年有多张幻灯片

来自分类Dev

Swiper - 移动幻灯片

来自分类Dev

如何使用Swiper.js获取幻灯片的先前活动索引?

来自分类Dev

swiper.js每张幻灯片多个img延迟加载无法正常工作

来自分类Dev

幻灯片从幻灯片2跳到5 js

来自分类Dev

如何使用Swiper库在Ionic2中创建幻灯片/转盘

来自分类Dev

如何在 Swiper Cover Flow Slider 中更改幻灯片的渲染流程

来自分类Dev

Swiper 版本 4 - 幻灯片的淡入淡出过渡不起作用

来自分类Dev

流星js中的照片幻灯片

来自分类Dev

幻灯片编号的大小显示js

来自分类Dev

如何限制幻灯片的大小(JS)

来自分类Dev

删除幻灯片延迟香草js

来自分类Dev

使用JS数组的幻灯片放映

来自分类Dev

使用JS数组的幻灯片放映

来自分类Dev

后退按钮js幻灯片

来自分类Dev

高效的js图像幻灯片放映

来自分类Dev

Angular.js:相机幻灯片Jquery插件在部分视图中不起作用

来自分类Dev

Angular JS-幻灯片视图但不显示主页-ng-animate

来自分类Dev

fullPage.js-多张幻灯片中的背景视频

来自分类Dev

Swiper 滑块垂直滚动卡在幻灯片 1 上,但水平滑动一次后效果很好

来自分类Dev

在自定义的最小JS / CSS幻灯片中弄乱了幻灯片

来自分类Dev

Reveal.js幻灯片的多重功能

来自分类Dev

从Reveal.JS动态添加/删除幻灯片

来自分类Dev

JS onclick无法执行幻灯片显示

来自分类Dev

fullPage.js从幻灯片2开始

来自分类Dev

随机化揭示.js中的幻灯片

来自分类Dev

幻灯片卡样式HTML CSS JS

来自分类Dev

自动播放fullpage.js中的幻灯片

来自分类Dev

使用JS / jQuery创建“幻灯片”效果