如何使用Swiper JS创建"coverflow“swiper

文章/答案/技术大牛

发布

1回答

html、css、slider、carousel、swiperjs

我正面临着"coverflow“Swiper滑块的问题。我想在滑块中一次只显示3个图像，但我无法实现。var swiper = new Swiper('.swiper-container', { loop: true, background-image: linear-gradient(to bottom, rgba(0, 0,

浏览 56提问于2021-01-28得票数 0

1回答

如何在快速覆盖流滑翔机中改变幻灯片的呈现流

javascript、jquery、html、css

在下面的项目中安装了Swiper var mySwiper = new Swiper ('.swiper-container-aboutus', { effect: 'coverflow', prevButton: '.<

浏览 0提问于2019-04-17得票数 0

回答已采纳

1回答

Swiperjs:不能导入覆盖流样式vuejs

vue.js、nuxt.js、swiper.js

我想我不会为此导入css，因为在下面有一个特殊的文件 node_modules>swiper/components/effect-coverflow/effect-coverflow.less如何在我的Nuxt组件中导入css？

浏览 3提问于2021-06-21得票数 0

回答已采纳

1回答

如何改变swiper.js中的滑动旋转木马？

javascript、jquery、html、css、swiper.js

var mySwiper = new Swiper('.swiper-container-aboutus', { effect: 'coverflow', coverflow: { stretch: 0, depth: 250,/3.3.1&

浏览 0提问于2019-04-18得票数 0

1回答

如何使用swiper.js根据当前幻灯片数据索引更改内容

javascript、html、css

我是Swiper的新手，这是我使用过的最好的框架滑块之一，目前，我想在两个div标签之间创建一个关系，每个幻灯片的内容是一个标签，当幻灯片活动将显示该幻灯片的内容时，一个标签是幻灯片的功能，我怎么做呢？var swiper = new Swiper(".swiper-container", { grabCursor: true, he

浏览 2提问于2020-04-16得票数 0

2回答

使用Swiper JS滑块-我想左对齐第一张幻灯片，并从屏幕外显示第二张幻灯片的峰值

javascript、jquery、swiper

我正在使用设置来覆盖具有以下设置的流。var swiper = new Swiper('.swiper-container', { effect: 'coverflow', centeredSlides: true, loop: true,

浏览 34提问于2017-07-19得票数 1

回答已采纳

1回答

在iFrame上重新加载单个slideChange

jquery、iframe、slider、reload、swiper.js

我使用Swiper，我在每一张幻灯片中放置了嵌入式SoundCloud iFrames。我希望一旦用户听了音频，并移动到下一个滑块，先前的嵌入式音频有其iFrame重新加载。#reload2");var reload4 = $("#reload4"); swiper.on

浏览 2提问于2018-03-25得票数 0

回答已采纳

1回答

滑动器效应在反应Js中不起作用

reactjs、slider、swiper.js、react-swipeable-views

我使用React和Swiper来获得与相同的效果。但由于某种原因，我无法在里面达到任何效果或分页。组件文件夹中有Card.js，如下所示：import 'swiper/swiper-bundle.js' import 'swiper/swiper-bundle.min.jseffect: 'c

浏览 3提问于2020-09-22得票数 2

回答已采纳

3回答

当我使用webpack并将其导入应用程序js中时，滑动滑块不起作用。

javascript、angularjs、webpack、swiper.js

我使用滑块滑块在我的网站上，当我使用webpack，并创建了应用程序js的入口webpack不再可以阅读swiper.js我的配置， ], shopApps: "./apps/shop/shopApp.<

浏览 2提问于2019-03-08得票数 1

回答已采纳

1回答

移动和中型屏幕上的Swiper.js滑动

responsive、swiper.js

Swiper.js在大屏幕上工作，但在移动环境下却不能工作。init道具 effect={"coverflow"} centeredSlides={true} slidesPerView

浏览 6提问于2021-08-24得票数 0

1回答

如何在页面中间垂直和水平居中滑块- CSS、HTML

html、css、swiper

我有一个Swiper滑块，我想居中的页面，而不是使用绝对定位。我已经尝试过了： var swiper = new Swiper('.swiper-container.about', { initialSlide/4.5.0/js/swiper.min.js"></script>

浏览 17提问于2019-05-03得票数 2

回答已采纳

1回答

如何利用Laravel集成Swiper和Laravel

css、laravel、buttonclick、laravel-mix、swiper.js

如何将swiper.js和swiper.min.css与Laravel集成？我使用Laravel编译JS和SASS文件。我的第二个问题是，如何在Laravel中调用"onClick“事件函数？app.js effect: 'coverflow

浏览 3提问于2020-04-14得票数 0

2回答

滑动分页自定义类

javascript、swiper.js

" class="coverflow-link") h1(class="text-center cf-heading") Serve a(href="/give" class="coverflow-link")&q

浏览 8提问于2015-06-17得票数 2

回答已采纳

1回答

更改幻灯片在swiper* js中的显示方式*

javascript、html、css、typescript、swiperjs

我在我的项目中使用swiper js滑块。我需要知道我可以更改我的滑块或not.forexample的默认幻灯片我的幻灯片是slide1，slide2，slide3等，在我的页面swiper js默认情况下显示幻灯片1我想默认显示slide2.can我是通过swiper实现的？', // 'cube', 'fade', 'coverflow', coverf

浏览 24提问于2021-06-30得票数 0

回答已采纳

1回答

用离子幻灯片创建偏移。用户应该会看到下一个拉面幻灯片。

javascript、angular、ionic-framework、ionic2

我正在学习离子，并想创建一个水平卷轴与离子幻灯片。用户应该会看到下一张幻灯片，但只会拉扯。请看我下面的图片。稍后，我将使用*ngFor循环所有元素。

浏览 2提问于2017-03-22得票数 4

回答已采纳

1回答

我正在使用离子中的一个插件来创建一个旋转木马()，它有一个简单的重复演示。我用我自己的$http替换了重复，它产生了一个问题，因为延迟加载图像会导致滑块断裂，直到它被调整大小。slides-per-view="2" space-between="20" pagination-clickable="false" override-parameters="{effect: 'coverflow',coverflow: {rotate: 0

浏览 6提问于2016-01-06得票数 0

1回答

如何使幻灯片与滑动滑块对齐？

javascript、jquery、css、slider、swiper.js

请告诉我如何对齐幻灯片，以便当您选择第一个或最后一个幻灯片在左边或右边，有相同数量的下一个和以前的幻灯片。: 100%;} padding-top: 2%; .swiper-container { } .swiper</e

浏览 0提问于2020-09-22得票数 0

回答已采纳

3回答

将滑块/快捷键设置为从第一张幻灯片自动播放

javascript、slider、swiper、idangero

使用idangero api创建了一个滑块/滑块。当我将自动播放设置为滑块时，滑块立即跳到幻灯片2，然后再次跳到幻灯片1，继续到幻灯片3。var mySwiper = new Swiper('.swiper-container', { loop: true, var mySwiper = new Swiper('.swiper-container',

浏览 1提问于2019-05-28得票数 0

1回答

无法在下一个js中运行swiperjs。找不到模块:包路径./swiper.scss未从包导出

reactjs、next.js、swiperjs

我使用next和swiper，在它以前是有效的。但是现在，当我尝试它时，我得到了Module not found: Package path .即使我复制了完全相同的代码，它似乎也不起作用 _app.js import '../styles/globals.css' import 'swiper/components/naviga

浏览 222提问于2021-09-23得票数 1

回答已采纳

1回答

Swiper js的slider

javascript、html、css、swiper、html5-history

我还想通过使用javascript.For示例来定位动态样式元素，我想定位z索引元素 var swiper = new Swiper(".mySwiper", {<script src="https://unpkg.com/swiper/swiper-bundle.min.j

浏览 30提问于2021-07-29得票数 0

点击加载更多