如何在最后一张幻灯片处停止滑动?

时间:2013-12-02 23:58:49

标签: javascript jquery css3

我觉得我不得不在这个论坛上寻求帮助,但是我从这里下载脚本的网站没有任何形式的帮助。

无论如何,我正在使用来自iDangerous Swiper的滑动脚本。我无法弄清楚如何在最后一张幻灯片或div处停止滑动。无论如何建议非常感谢。我正在使用default滑动。

2 个答案:

答案 0 :(得分:2)

API options section中,它表示循环的默认值为false ...但您是否尝试将其明确设置为false?

var mySwiper = new Swiper('.swiper-container', { 
    speed:750,
    loop: false
})

在他们的“默认”示例中,他们将循环设置为true:

var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop: true,
    grabCursor: true,
    paginationClickable: true
})

如果您只是删除循环属性,它可能会解决您的问题。

答案 1 :(得分:1)

从{{3>} iDangerous Swiper ,您似乎应该将noSwipingClass css类添加到最后一张幻灯片的div < /强>

通过:documentation

noSwipingClass  
string  
'swiper-no-swiping' 
'stop-swiping'   
CSS class of html element that will be used to prevent swiping when "noSwiping" parameter is set to true.