swiper

0热度

1回答

我有4个函数用相应的选项调用Swiper滑块。将这些附加到正确的div后，然后添加将它们链接在一起的代码，以便一个滑块控制另一个，反之亦然。我收到错误“Uncaught ReferenceError：swiperV2 is not defined”。我认为这是因为他们在每个功能中，而这个对他们的引用并不能“看到”他们。有关如何解决此问题的任何想法？感谢 $(".swiper-containe

0热度

1回答

在Angular Swiper中获取图像和标题

我使用Swiper（https://www.npmjs.com/package/angular2-useful-swiper）显示图像和标题的图库。此包的演示中的代码仅通过图像url的数组迭代。我尝试通过在图像标题的段落中添加修改。我想遍历2个数组（一个是指向图像的链接数组，另一个是相应图像的标题数组）。我觉得这段代码几乎可以工作，它遍历两个数组，但它打印出3次，而不是作为一个滑块......

1热度

1回答

迭代遍历类Angular4

我目前使用Swiper（https://www.npmjs.com/package/angular2-useful-swiper）创建图像库。是否有可能通过迭代对象数组并使用ngClass动态更改div的类？我不确定它是否支持插值。我不断收到的错误说“标识符样式”未定义，'数组'不包含这样的成员。但为什么是ngStyle中，H4和p能够抓住的元素和遍历它，如果是这样的话？ slider.com

0热度

1回答

Swiper Slider鼠标悬停分页

我想在Swiper Slider上进行鼠标悬停分页。我该怎么做？这是我的javascript代码; var subSlider = new Swiper ('.subsSlider', { // Optional parameters direction: 'vertical', loop: true, // If we need pag

2热度

1回答

有没有办法使用swiper.js来滑动一个大的“幻灯片”？

我试图找到一种方法来在容器中滑动我的数据，而不必使用默认的horizotal滚动条。所以我尝试使用swiper.js。它的工作原理 - 类型，但问题是我不能自由地滑动来回滑动，而没有“幻灯片”自动滑回。 I made a fiddle here to test。这里是JS代码，我使用的是： var swiper = new Swiper('.swiper-container', {

1热度

2回答

需要动态添加类名称

目前我正在使用swipper旋转木马在我创建的网站中。我想为每个滑动图片的标题添加一些动画。所以即时通讯使用@ -webkit-keyframes。但只有第一个图像即时得到这个effect.In其他图片的内容是static.Any知道该如何实现这个它loads.Appreciate任何help.Thanks后的每张幻灯片...... .carousel-content{ width

3热度

4回答

在CSS之前使用，在后台添加圆圈

我想在导航按钮后添加一个圆。但我无法实现它。我正在使用Swiper。这些是我在导航箭头下定位圆时的一些快照。正如你可以看到，当我调整量，左::前，背景圈定上面的导航按钮。我正在使用伪::在CSS之前创建圈子。但我无法实现它。这是我的CSS工作。请检查它，并让我知道，我在哪里做错了？ .content .swiper-button-next { height: 25px;

1热度

1回答

如何在动态元素上添加多个类，其中一个是增加数字的类？

我一直在尝试使用自定义类的滑动滑块创建一些幻灯片。  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div>

2热度

1回答

组队，探索 - 滑动菜单全宽

我想在我的项目，引导建成使用swiper slide menu 4. 我有一个导航看起来像这样，这里的菜单按键被安置在右侧小屏幕上： <div class="container"> <nav class="navbar navbar-toggleable-sm navbar-light bg-faded"> <div class="menu-button navbar-to

0热度

1回答

如何用一个分页创建多个Swiper滑块？

我想用一个分页制作2个滑块。我使用Swiper 2.7.6。这两个滑块应该有不同的效果。我还没有在官方网页上找到一个例子。我希望它看起来像this。这里是一个代码： if ($('.photo-slider').length) { $('.photo-slider').each(function(i){ var $this = $(this); //slider