Jquery Swiper转盘消失的问题-如何使连续
我正在使用Swiper旋转木马制作滑块,遇到了一个问题,我希望有比我更有经验的人能够解决这个问题 问题 向左或向右滚动滑块时,它会出现小故障并消失。您可以通过在空白处随机滚动将其带回来,但对最终用户来说,它看起来已经完全消失了 目标 无论有多少图像,滑块都会复制自身,而不是显示空白结尾。例如: 幻灯片1,幻灯片2,幻灯片3,幻灯片1,幻灯片2,幻灯片3 vs 幻灯片1,幻灯片2,幻灯片3,空白,故障消失,消失,故障恢复 当前 我试图找出是否有办法通过这里的API调用做到这一点:但我所做的尝试并没有成功 网站 这是该站点的一个实时版本(在中途,您将看到可以通过鼠标拖动来滑动的水平图像: 注意 这在代码段编辑器中看起来可能很好,所以如果它在这里看起来不错,请在演示站点上测试,您将看到我遇到的问题 提前感谢您帮我看一下这个。我很感激 代码Jquery Swiper转盘消失的问题-如何使连续,jquery,image-gallery,swiper,Jquery,Image Gallery,Swiper,我正在使用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