Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Swiper转盘消失的问题-如何使连续_Jquery_Image Gallery_Swiper - Fatal编程技术网

Jquery Swiper转盘消失的问题-如何使连续

Jquery Swiper转盘消失的问题-如何使连续,jquery,image-gallery,swiper,Jquery,Image Gallery,Swiper,我正在使用Swiper旋转木马制作滑块,遇到了一个问题,我希望有比我更有经验的人能够解决这个问题 问题 向左或向右滚动滑块时,它会出现小故障并消失。您可以通过在空白处随机滚动将其带回来,但对最终用户来说,它看起来已经完全消失了 目标 无论有多少图像,滑块都会复制自身,而不是显示空白结尾。例如: 幻灯片1,幻灯片2,幻灯片3,幻灯片1,幻灯片2,幻灯片3 vs 幻灯片1,幻灯片2,幻灯片3,空白,故障消失,消失,故障恢复 当前 我试图找出是否有办法通过这里的API调用做到这一点:但我所做的尝试并没

我正在使用Swiper旋转木马制作滑块,遇到了一个问题,我希望有比我更有经验的人能够解决这个问题

问题 向左或向右滚动滑块时,它会出现小故障并消失。您可以通过在空白处随机滚动将其带回来,但对最终用户来说,它看起来已经完全消失了

目标 无论有多少图像,滑块都会复制自身,而不是显示空白结尾。例如:

幻灯片1,幻灯片2,幻灯片3,幻灯片1,幻灯片2,幻灯片3

vs

幻灯片1,幻灯片2,幻灯片3,空白,故障消失,消失,故障恢复

当前 我试图找出是否有办法通过这里的API调用做到这一点:但我所做的尝试并没有成功

网站 这是该站点的一个实时版本(在中途,您将看到可以通过鼠标拖动来滑动的水平图像:

注意 这在代码段编辑器中看起来可能很好,所以如果它在这里看起来不错,请在演示站点上测试,您将看到我遇到的问题

提前感谢您帮我看一下这个。我很感激

代码

jQuery(文档).ready(函数($){
//旋转木马用刷子
var mySwiper2=新的开关('.Swiper-container-2'{
//可选参数
init:是的,
方向:'水平',
循环:对,
预加载图像:正确
})
});
.swiper-container-2{
宽度:100%;
}
.滑梯{
宽度:自动!重要;
利润率:0.15px;
}
.滑动滑梯img{
最大高度:600px;
}
.swiper-container-2:悬停{
游标:url(/wp content/uploads/curse-custom-v2.png),自动;
}
.swiper滑盖分区{
文本对齐:居中;
字体系列:“gt_sectra_finegular_italic”;
显示:块;
}

这是关于这个图像的
还有一些关于这个的信息
哇,这真是太棒了

出现故障的主要原因是
.swiper幻灯片{width:auto!重要;


Carousel根据图像宽度计算位置-因此有时它实际上位于屏幕的最左侧。

删除!重要提示:

.swiper-slide {
    width: auto;
}
将“SlideService”参数添加到JS:

var mySwiper2 = new Swiper ('.swiper-container-2', {
  // Optional parameters
  init: true,
  direction: 'horizontal',
  loop: true,
  preloadImages: true,

  /* THIS PAL RIGHT HERE*/ 
  slidesPerView: 'auto'
})

啊,是的。谢谢你指出这一点。所以我修复了它,下面是方法!更改:!重要到简单:自动。添加:SlideService:“自动”到JS