Lightslider在上一张幻灯片后倒转

问题描述 投票:0回答:1

我正在使用lightslider-v1.1.6,但是在上一张幻灯片之后它会反转。

在最后一张幻灯片(第二张图像)之后,滑块再次反向旋转到第一张图像。我希望它继续朝正确的方向前进,而不是退回到第一位。

此问题仅在IE中发生,但在chrome上工作正常。

JS文件:

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
(function ($, undefined) {
    'use strict';
    var defaults = {
        animationLoop: false,
        item: 2,
        autoWidth: false,
        slideMove: 1,
        slideMargin: 10,
        addClass: '',
        mode: 'slide',
        useCSS: true,
        cssEasing: 'ease', //'cubic-bezier(0.25, 0, 0.25, 1)',
        easing: 'linear', //'for jquery animation',//
        speed: 400, //ms'
        auto: false,
        pauseOnHover: false,
        loop: false,
        slideEndAnimation: true,
        pause: 2000,
        keyPress: false,
        controls: true,
        prevHtml: '',
        nextHtml: '',
        rtl: false,
        adaptiveHeight: false,
        vertical: false,
        verticalHeight: 500,
        vThumbWidth: 100,
        thumbItem: 10,
        pager: true,
        gallery: false,
        galleryMargin: 5,
        thumbMargin: 5,
        currentPagerPosition: 'middle',
        enableTouch: true,
        enableDrag: true,
        freeMove: true,
        swipeThreshold: 40,
        responsive: [],
        /* jshint ignore:start */
        onBeforeStart: function ($el) {},
        onSliderLoad: function ($el) {},
        onBeforeSlide: function ($el, scene) {},
        onAfterSlide: function ($el, scene) {},
        onBeforeNextSlide: function ($el, scene) {},
        onBeforePrevSlide: function ($el, scene) {}
        /* jshint ignore:end */
    };
    $.fn.lightSlider = function (options) {

                          .....
                          .....
                          .....
                          .....
        return this;
    };
}(jQuery));

这是html文件。

HTML:

<div class="demo">
        <div class="item">            
            <div class="clearfix" style="max-width:474px;">
                <ul id="image-gallery" class="gallery list-unstyled cS-hidden">
                    <li> 
                        <img src="/img/banner_home1.jpg" />
                    </li>
                    <li> 
                        <img src="/img/banner_home2.jpg" />
                    </li>
                </ul>
            </div>
        </div>
    </div>  

javascript slider gallery
1个回答
0
投票

不是直接解决问题的方法,但是您不应该使用Internet Explorer的任何版本。 Microsoft强烈建议不要使用Internet Explorer浏览器。现在,如果Edge中存在此问题,那么您可能有合理的担忧。

© www.soinside.com 2019 - 2024. All rights reserved.