2

我iosSlider在我的网站上使用。我需要更改滑块的动画速度。

我已阅读iosSlider中的文档。我发现我必须autoSlideTransTimer用于控制滑块速度。但我无法做到这一点。

这是我的JavaScript代码：

function InitImageSlider() {
$('.iosSlider').iosSlider
    desktopClickDrag: true,
    snapToChildren: true,
    infiniteSlider: true,
    navSlideSelector: '.slider .navigation li',
    onSlideComplete: function(args) {
        if(!args.slideChanged) return false;

        $(args.sliderObject).find('.slider-info').attr('style', '');

        $(args.currentSlideObject).find('.slider-info').animate({
            left: '15px',
            opacity: '.9'
        }, 'easeOutQuint');
    },
    onSliderLoaded: function(args) {
        $(args.sliderObject).find('.slider-info').attr('style', '');

        $(args.currentSlideObject).find('.slider-info').animate({
            left: '15px',
            opacity: '.9'
        }, 'easeOutQuint');
    },
    onSlideChange: function(args) {
        $('.slider .navigation li').removeClass('active');
        $('.slider .navigation li:eq(' + (args.currentSlideNumber - 1) + ')').addClass('active');
    },
    autoSlide: true,
    scrollbar: true,
    scrollbarContainer: '.sliderContainer .scrollbarContainer',
    scrollbarMargin: '0',
    scrollbarBorderRadius: '0',
    keyboardControls: true
});
}
4

2 回答 2

2

我也在使用 iosSlider，这对我有用：

$('.iosSlider').iosSlider({
        snapToChildren: true,
        scrollbar: false,
        scrollbarHide: true,
        desktopClickDrag: true,
        infiniteSlider: true,
        autoSlideTransTimer: 2000,
        navPrevSelector: '#sl-left',
        navNextSelector: '#sl-right',
        onSlideChange: slideChange,
        onSliderLoaded: slideChange,
        responsiveSlideContainer: false,
        responsiveSlides: false,
        autoSlide: true
    });

明显慢于：

$('.iosSlider').iosSlider({
        snapToChildren: true,
        scrollbar: false,
        scrollbarHide: true,
        desktopClickDrag: true,
        infiniteSlider: true,
        autoSlideTransTimer: 100,
        navPrevSelector: '#sl-left',
        navNextSelector: '#sl-right',
        onSlideChange: slideChange,
        onSliderLoaded: slideChange,
        responsiveSlideContainer: false,
        responsiveSlides: false,
        autoSlide: true
    });

所以autoSlideTransTimer对我有用！

于 2013-06-20T13:58:22.957 回答
0

这是一个古老的问题，但从未得到回答。您正在寻找 autoSlideTimer': 5000 //其中的数字表示幻灯片暂停的时间。您可以在 jquery.iossslider.js 文件中设置它。

于 2015-03-21T01:06:28.683 回答