0

有谁知道如何防止集群(或嵌套)幻灯片在加载时播放?我试过在“var slider1Options”、“var slider2Options”和“var slider3Options”中输入“$AutoPlay: false”,但它不起作用。

参考: http: //www.jssor.com/demos/slider-cluster.html

先感谢您。

4

1 回答 1

1

请删除以下代码,

        //slider cluster controller code begin
        function SliderCluster(mainSlider, autoPlayInterval) {
            var _Self = this;
            var _NestedSliders = [];
            var _NestedSliderCurrent;

            var _CaptionInCounter = 0;

            function OnChildSliderStateChange(currentIndex, progress, progressBegin, idleBegin, idleEnd, progressEnd) {
                if (progress == idleBegin) {
                    if (!(++_CaptionInCounter % 4)) {

                        _NestedSliderCurrent && _NestedSliderCurrent.$Pause();

                        mainSlider.$Play(true);
                    }
                }
            }

            function OnMainSliderStateChange(currentIndex, progress, progressBegin, idleBegin, idleEnd, progressEnd) {

                _NestedSliderCurrent = _NestedSliders[currentIndex];

                if (_NestedSliderCurrent) {
                    if (progress == idleBegin) {

                        mainSlider.$Pause();
                        _NestedSliderCurrent.$Play(true);
                    }
                    else if (progress == progressBegin) {
                        _CaptionInCounter = 0;
                        mainSlider.$Play(true);
                    }
                }
            }

            function OnMainSliderSwipeStart(position, virtualPosition) {
                _NestedSliderCurrent && _NestedSliderCurrent.$Pause();
                mainSlider.$Pause();
            }

            function OnMainSliderPark(slideIndex, fromIndex) {
                _CaptionInCounter = 0;
                mainSlider.$Play();
            }

            _Self.$AddChildSlider = function (childSlider, slideIndex) {
                _NestedSliders[slideIndex] = childSlider;
                childSlider.$On($JssorSlider$.$EVT_STATE_CHANGE, OnChildSliderStateChange);
            };

            _Self.$Start = function () {
                mainSlider.$On($JssorSlider$.$EVT_PARK, OnMainSliderPark);
                mainSlider.$On($JssorSlider$.$EVT_STATE_CHANGE, OnMainSliderStateChange);
                mainSlider.$On($JssorSlider$.$EVT_SWIPE_START, OnMainSliderSwipeStart);

                mainSlider.$Play(true);
            }
        }

        var sliderCluster = new SliderCluster(jssorSliderc);
        sliderCluster.$AddChildSlider(jssorSlider1, 0);
        sliderCluster.$AddChildSlider(jssorSlider2, 1);
        sliderCluster.$AddChildSlider(jssorSlider3, 2);
        sliderCluster.$Start();

        //slider cluster controller code end

另请参阅Jssor(嵌套滑块):如何禁用自动播放?

于 2014-04-21T23:31:08.420 回答