我正在尝试将swiper添加到prestashop中。swiper可以工作，但我有一个小问题。滑块中的其他图像显示，我想隐藏它们。从昨天开始我一直在找，但是找不到我需要的东西。我是一个编程新手，但我设法用下面的代码让它工作： <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css}
<div class="sw
浏览 27提问于2021-09-24得票数 0
1回答
有没有什么好的方法来实现一个添加自定义幻灯片过渡效果的Swiper插件？官方API没有这样的信息，在官方论坛上我的问题也没有得到回答。我发现了一些过时的插件，但自从这些插件被编写以来，Swiper似乎发生了重大变化。
我想修改coverflow效果，以实现各种行为，如非线性幻灯片移动和不同的前一个和下一个幻灯片的移动。inb4，我知道我可以简单地重写Swiper代码或编写自己的滑块，但我希望能够保留这个滑块的所有功能，并能够在新版本发布后轻松更新它。我已经试过bxSli
浏览 2提问于2016-05-25得票数 0
我有一个能够动态切换progress参数的快捷键(我使用的是swiper-smooth-progress插件)。我像这样初始化了swiper： progress: false; //slides just slidehorizontally此时，swiper-smooth-progress插件未启用，因此幻灯片是从右向左滑动的。在使用以下命令更改pro
浏览 8提问于2015-01-10得票数 2
其中一个必须向上移动，另一个必须向下移动。 我尝试在其中一个滑块的设置中设置reverseDirection: true，但似乎没有任何效果。我也试过rtl: true，希望它能改变方向，但它没有，两个滑块仍然从下到上移动。这些是到目前为止我的swiper的设置(应该向下移动的那个)： const SWIPER_PARAMS = { slidesPerGroup: 1,
loop
浏览 80提问于2019-04-24得票数 0
回答已采纳
1回答
我正在使用swiper.js滑块()，并希望通过数据属性将标题添加到幻灯片中，并在幻灯片外的固定div中呈现它们(我使用的是立方体效果，不希望它们移动)： <div class="swiper-caption"></div>
浏览 6提问于2020-05-01得票数 2
回答已采纳
1回答
在移动电话上，一列有三列，但在计算机上，每列有两列。我画了一个示意图，但是不管我怎么设置它，我都不能顺利地达到这样的效果。我不知道你是否知道如何设置它来实现它？var mySwiper = new Swiper('.swiper', {
el: '.swiper-pagination',
},5.2.0/js/swiper.js"><
浏览 10提问于2022-08-16得票数 1
回答已采纳
2回答
我有一个内容大于视图高度的幻灯片，当用鼠标轮滚动时，我想首先滚动它的内容，当到达结束或顶部时，根据滚动方向，移动到下一个或前一个幻灯片。HTML <main class="main swiper-wrapper">
<section id=&qu
浏览 0提问于2019-03-28得票数 3
<script> slidesPerView: 3, disableOnInteraction: false, pagination: { clickab
浏览 0提问于2018-12-29得票数 0
1回答
下面是我的swiper代码。 <!cdn.jsdelivr.net/npm/vue@2.6.0" > < /script> <integrity = "sha256-4sETKhh3aSyi6
浏览 16提问于2019-10-06得票数 1
回答已采纳
1回答
滑动和当前页面索引
、、、、
我初始化了swiper (请注意，我使用的是Framework7，其中包括Swiper作为内部模块，app对象表示Framework7实例：<div class="swiper-container" id="swiper">
浏览 2提问于2020-02-19得票数 0
回答已采纳
按下活动卡上的按钮会将其移动到另一副牌上，然后将其激活。在聚焦时，活动的牌应该更大，而不活动的牌应该最小化，如下所示： ? 我已经在SwiperJS和React-Swiper中使用Swiper Coverflow效果实现了它，但在这两种情况下，高度都绑定到.swiper-slide CSS类。该类上的宽度设置为固定大小，这决定了如何渲染Swiper的其余部分。似乎更改幻灯片宽度(以及由此产生的Swiper高度)的唯一方法是基于状态对幻灯片应用固定宽度类。"
浏览 19提问于2021-06-28得票数 4
回答已采纳
1回答
但当我切换到移动端时，图像从上到下拉伸，在内容和转盘本身之间产生了很大的空间，它们都在div中。下面是swiper-slide代码： text-align: center; height: 550px;我的问题是，在移动环境中，如何让高度看起来和桌面环境中的一样。下面是我正在使用的这个特定轮播的javascript：
var swiper1 = new Swiper(&#x
浏览 0提问于2015-07-04得票数 0
1回答
我使用React和Swiper来获得与相同的效果。但由于某种原因，我无法在里面达到任何效果或分页。组件文件夹中有Card.js，如下所示：import 'swiper/swiper-bundle.js'import 'swiper&#
浏览 3提问于2020-09-22得票数 2
回答已采纳
1回答
我在Angular中使用了动态的swiper，我想实现中描述的效果。我的HTML文件： <swiper [config]="config"> </swiper>
</div&
浏览 0提问于2018-04-30得票数 0
需要帮助-我必须应用swiper.js上的CSS动画。
var animEndEv = 'webkitAnimationEnd animationend';var swiperIndex = swiper</
浏览 0提问于2018-08-18得票数 0
<swiper class="swiper" ref="mySwiper" :options="swiperOption">
<swiper-slide :class="{'cur':index==4,'swiper-slide-active':index==4}" v-for="(item,index) in secondNav" :key=&q
浏览 1提问于2022-03-18得票数 0
我想向滑块JavaScript库添加一个新的自定义效果。
默认的Swiper效果是slide、fade、cube、coverflow或flip，但是我想添加自定义效果和所有事件。我怎么能这么做？
浏览 3提问于2017-05-17得票数 4
回答已采纳
我有一个页面(角4)与多个刷子，我想当触摸一个斯威珀(其中任何一个)，所有的滑动在同一时间移动。实际上，当我触摸一个移动的刷卡时，这个刷卡可以工作，但是其他的刷卡不会移动。我的HTML <section class="swiper-wrapper">
<article *ngFor="let articleof articles" class=
浏览 2提问于2017-11-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
