每个视图的Swiper JS幻灯片和每个列的幻灯片显示不正确

文章/答案/技术大牛

发布

3回答

javascript、html、swiperjs

我试着在bootstrap上用swiper js制作了两行幻灯片，使用的是官方页面上给出的demo。但是，当我复制代码并在浏览器上运行时，它显示如下 ? 代码与演示页面完全相同 <!/package/css/swiper.min.css"> width: 100%; height<

浏览 47提问于2020-03-22得票数 1

回答已采纳

4回答

Swiper.js -如何显示2张半幻灯片和2张完整幻灯片

slider、swiper.js

我想使用swiper.js，在中间显示2张完整的幻灯片，然后两边各放一半幻灯片。我想这是可能的，但我想不出怎么做。谢谢!

浏览 32提问于2022-02-21得票数 0

1回答

Swiper spaceBetween无法正常工作

javascript、html、slider、gallery、swiper

我正在尝试使用带有spaceBetween: 20属性的slidesPerView: 'auto'，但在每个视图上只显示一张幻灯片。我希望在第一张幻灯片之后显示下一张幻灯片，即使它将被文档宽度剪切。'auto', } });

浏览 161提问于2019-07-12得票数 1

回答已采纳

1回答

如何在SwiperJS中的3张活动/可见/显示幻灯片中添加类名

css、next.js、slider、carousel、swiper.js

我想为没有显示的滑块设置样式，所以我想要在可见滑块中添加一个className，或者在不可见的滑块中添加一个className。但是，在检查模式中，我看到活动类在那里，即使我没有添加slideActiveClass="swiper-slide-active"，所以我使CSS样式如下所示： ...但问题是，它只是造型的第一个显示滑块，而不

浏览 12提问于2022-09-24得票数 0

回答已采纳

1回答

自动设置每个视图的淤泥数

javascript、jquery、carousel、swiper.js

这是刷卡的门面： loop: false, slidesPerView:keyboardControl: false, autoplayDisableOnInteraction: false, paginationCl

浏览 0提问于2018-02-13得票数 8

1回答

在init上刷错宽度，调整大小后校正宽度

javascript、jquery、html、css、swiper.js

我正在使用Swiper进行一个项目，在调整窗口大小之后，所有的东西都可以正常工作。但是幻灯片的宽度是不正确的。我试着在本地复制这个，但没有成功。我为每个视图设置了4张幻灯片，但它正在计算3 1/2幻灯片的宽度。我从我的配置中清除了除slidesPerView之外的所有内容，但没有任何更改。这可能是与其他框架或插件的某种冲突吗？如果需要更多的</e

浏览 0提问于2016-08-19得票数 10

1回答

Swiper.js slidesPerGroup或slidesPerView不对奇数项进行分组

javascript、slider、swiper.js

我使用Swiper.js在一个我正在为客户构建的网站上使用滑块。他们的要求是这样的:滑块内有10项，一次有4项可见，每次单击箭头时，4项将滑出，4项将滑入其中。所以如果我有幻灯片1-10，滑块应该是这样的：第一视图: 1-4幻灯片第二视图: 5-8幻灯片第三视图: 9，10，1，2幻灯片第四视图: 3-6幻灯片.诸若此类。我试

浏览 7提问于2020-02-13得票数 3

1回答

在上滑动反应断点(引导)

javascript、reactjs、breakpoints、bootstrap-5、swiper.js

我用的是和React。相反，我使用的是Swiper断点。断点正常工作，“每个视图的幻灯片”根据需要进行调整，但是，在页面加载时，幻灯片显示为100%，然后缩小到正确的大

浏览 3提问于2021-11-12得票数 3

5回答

Swiper -显示下一张幻灯片的一部分

javascript、swiper.js

我想展示第二张幻灯片的一部分。大约20%-30%。我已经将slidesPerView设置为2.1 (在移动设备上！)显示下一张幻灯片的一部分。但是，当滚动在幻灯片中时，它不会按下容器的开始，这会导致在滚动通过滑动器时幻灯片的一部分不在视图中。我试过将幻灯片的高度设置为70%，但这也给出了同样的问题。幻灯片显示快照，以开始<em

浏览 34提问于2020-08-19得票数 5

2回答

滑动幻灯片-显示之前/下一个幻灯片的结束/开始，比如Airbnb滑翔机？

mobile、angular、slider、ionic2、swiper.js

上面是来自Airbnb的滑块。有没有办法在上取得类似的效果？对于中间的幻灯片，有前面和下一个幻灯片的开始和结束。对于最后一张幻灯片，在上一张幻灯片的右侧和左侧有一个空白。

浏览 0提问于2016-07-16得票数 38

1回答

单击link_to rails_blob_path时，与滑动幻灯片div中的image_tag图像不匹配

ruby-on-rails、swiper、rails-activestorage

在我的视图中，当我单击link_to (我并排看到的幻灯片)时，与幻灯片不匹配。我使用的是主动存储，每个家庭都有许多附加的home_photos。这样就可以了。但我的问题是，我不知道如何在我的滑动滑块上实现这一点。我的图片很完美地并排显示在幻灯片上，但当我点击幻灯片时，它应该会弹出，它确实弹出了，但它只显示了一张图片，第一张来自

浏览 34提问于2019-06-19得票数 0

回答已采纳

1回答

同一页上的ionic1 2滑块及其更改特定幻灯片的事件

javascript、ionic-framework、ion-slides

我需要改变幻灯片时，我按下按钮，因为我是新的离子，我无法实现它。>Change Slide1</a></div> 现在，我需要改变幻灯片，因为我点击按钮，就像我点击改变幻灯片1按钮，然后幻灯片1应该改变，同样的幻灯片

浏览 2提问于2017-08-09得票数 0

回答已采纳

1回答

vue.js:外部npm包功能不起作用

vue.js、vue-cli

我正在使用vue-cli工具进行开发，我很难让 npm包在我的站点上工作。我已经在导入、js初始化和css中加载了TLDR ，但是该刷无法移动到第一个幻灯片之后的其他幻灯片，并且在页面上保持静态。。和我还尝试将这些文件全局导入到main.js文件中，尽

浏览 2提问于2017-07-08得票数 1

回答已采纳

1回答

使用<divs>删除或创建HTML

php、html、swiper.js

这意味着，如果客户端决定幻灯片将有5页，那么var $swiperPages将存储这个数字5，因此我猜有两个选项： Obs:如您所见，在创建单个幻灯片页的每个父div的末尾，我在最后一个#swiperNum上使用递增器++将下一个值增加一个，不仅更改ID，还更改标题、字幕和图像url。在上面的示例中，我只创建了3个..swiper幻灯片</em

浏览 1提问于2022-01-13得票数 1

回答已采纳

1回答

刷卡，只有重新加载/刷新修复显示问题。

swiper.js

-有了一个干净的缓存，Swiper从最后一张幻灯片开始，并错过了右边的第一张。浏览器刷新似乎修复了它:刷启动/初始化使用第一张幻灯片，没有空白幻灯片。图像的数量是动态的。更新：.swiper-container { width: 100%; h

浏览 0提问于2018-08-01得票数 0

回答已采纳

1回答

使用swiper* js创建包含每年多张幻灯片的历史时间线*

javascript、html、history、swiper

我正在使用Swiper JS，我正在努力寻找一种从分页中删除重复项的方法。我想要有能力为每一年的幻灯片内容里面，但也有多个幻灯片为特定的一年-但只为它写一个页码(与导航/滑动工作)。因此，如果幻灯片位于以下位置： 1989,1990,1992,1992,1992 然后，分页将显示为： 1989、1990、1992 (此外，滑动和向左/向右箭头也适用于此，并滚动所有幻灯片，不会丢失

浏览 48提问于2020-06-10得票数 1

回答已采纳

2回答

离子滑块-宽度小于页宽的离子滑块盒

ionic-framework

是否有方法同时显示多个幻灯片与离子滑块(离子幻灯片盒)？谢谢！

浏览 4提问于2014-12-02得票数 6

1回答

Swiper Slider -带多行幻灯片的无限循环

javascript、html、css、swiper

我使用的是iDangero.us的Swiper，创建多行幻灯片的无限循环有困难。我有30张图片，我需要分成3行，每行5张幻灯片。设置loop在网格中呈现我想要实现的幻灯片，并正确地单击每个幻灯片之间的箭头幻灯片。但我需要幻灯片是无限的，回到第一张幻灯片上的原始15个图像，一旦我到达最后。将loop设置为true

浏览 4提问于2017-01-11得票数 1

1回答

哪一个旋转木马库最适合达到以下效果(反应)？

reactjs、carousel

1：文本** 有谁知道哪一个旋转木马库最适合达到这个效果，之前和下一个图片溢出到屏幕上，如链接图片所示？引导5.1和反应-引导似乎无法做到这一点。

浏览 6提问于2022-04-20得票数 0

1回答

数组的所有aria-标签元素的子字符串

javascript、arrays、loops、foreach、swiper.js

div role="group" class="swiper-slide w-dyn-item" aria-label="6 / 13" var activeslide = $('

浏览 3提问于2021-11-22得票数 0

回答已采纳

点击加载更多