Lightslider идет назад после последнего слайда - PullRequest
0 голосов
/ 05 марта 2020

Я использую lightlider - v1.1.6, но после последнего слайда он меняется.

После последнего слайда (2-е изображение) ползунок снова поворачивается обратно к первому изображению. Я хочу, чтобы он продолжал двигаться в правильном направлении, а не возвращался к первому.

Эта проблема возникает только в 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>  

1 Ответ

0 голосов
/ 05 марта 2020

Не является прямым решением вашей проблемы, но вы не должны подходить для любой версии Inte rnet Explorer. Microsoft настоятельно рекомендует прекратить использование браузера Inte rnet Explorer. Теперь, если эта проблема существует в Edge, у вас может быть законная проблема.

...