JSSOR Slider с Meteor: невозможно определить какой-либо вариант перехода

В настоящее время я работаю с Meteor.js

Хочу включить jssor слайдшоу, с первого раза все нормально.

Но когда я хочу определить какой-либо вариант перехода, у меня возникает ошибка в jssor.slider.js, и слайд-шоу больше не работает.

Вот мой код:

HTML

<template name="slideshow">
<div class="max">
    <div id="slider_container">

        <!-- Slides Container -->
        <div class="slides" u="slides">
            <div>
                <img u="image" src="/assets/img/landscape/01.jpg" />
            </div>
            <div>
                <img u="image" src="/assets/img/landscape/02.jpg" />
            </div>
            <div>
                <img u="image" src="/assets/img/landscape/03.jpg" />
            </div>
        </div>

        <!-- Arrow Navigator-->
        <span u="arrowleft" class="arrow-left jssora01l"></span>
        <span u="arrowright" class="arrow-right jssora01r"></span>
    </div>
</div>
</template>

Javascript:

Template.slideshow.rendered = function() {
    var slideopt = [
    // Transition code copy/pasted from the transition tool viewer
{$Duration:1500,$Cols:2,$FlyDirection:1,$ChessMode:{$Column:3},$Easing: $Left:$JssorEasing$.$EaseInOutCubic},$ScaleHorizontal:0.5,$Opacity:2,$Brother:{$Duration:1500,$Opacity:2}}
    ];
    var options = {
        $AutoPlay: true ,
        $DragOrientation: 3,
        $SlideDuration: 800,
        $ArrowNavigatorOptions: {
            $Class: $JssorArrowNavigator$,
            $ChanceToShow: 2
        },
        /* When I add this, boom, it doesn't work anymore
        $SlideshowOptions: {
            $Class: $JssorSlideshowRunner$,
            $Transitions: slideopt
        }*/
    };
    var slideshow = new $JssorSlider$('slider_container', options);

    // Responsive stuff below
    function ScaleSlider() {
        var parentWidth = $('#slider_container').parent().width();
        if (parentWidth) {
            slideshow.$ScaleWidth(parentWidth);
        }
        else
            window.setTimeout(ScaleSlider, 30);
    }
    ScaleSlider();

    $(window).bind("load", ScaleSlider);
    $(window).bind("resize", ScaleSlider);
    $(window).bind("orientationchange", ScaleSlider);
};

Меньше (CSS): я думаю, это нормально, потому что слайд-шоу работает без параметров перехода.

А тут ошибка:

"Exception from Deps afterFlush function function: window.$JssorSlideshowRunner$@http://127.0.0.1:3000/client/lib/jquery-slider/js/jssor.slider.js?7bbd4c66d666261224052398f9c82a31f7062373:1132:13
n@http://127.0.0.1:3000/client/lib/jquery-slider/js/jssor.sliders.mini.js?0915ae0e4216734070b6d43ad8a305b01fc6ed6d:2:23801
Template.slideshow.rendered@http://127.0.0.1:3000/client/views/blocks/slideshow/slideshow.js?a806ae927323a52c662dd0ea50eba3d657f1794d:20:1
UI.Component.notifyParented/<@http://127.0.0.1:3000/packages/ui.js?9419ac08328918a04e7a49464a988d45f851e1b0:439:9
.flush@http://127.0.0.1:3000/packages/deps.js?4a82362ae66e863a1c1a8b0a5fec6f665e2038d1:348:13
"

У меня есть следующие файлы js:

jssor.core.js
jssor.slider.js
jssor.sliders.mini.js
jssor.utils.js

Но у меня те же ошибки, если я сохраняю все файлы js.

(У меня есть проверка из jquery-slider-master, и я хочу использовать jssor WITH jquery)


slider meteor slideshow jssor
person lolmx    schedule 04.07.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Неверный код перехода. Замените «$Easing: $Left» на «$Easing: {$Left». См. код перехода ниже,

        var slideopt = [
            // Transition code copy/pasted from the transition tool viewer
            { $Duration: 1500, $Cols: 2, x: 1, $ChessMode: { $Column: 3 }, $Easing: { $Left: $Jease$.$InOutCubic },$ScaleHorizontal:0.5,$Opacity:2,$Brother:{$Duration:1500,$Opacity:2}}
        ];

Вам нужен только jssor.slider.min.js.

person jssor    schedule 05.07.2014
comment
'jssor.slider.mini.js' предназначен для выпуска. 'jssor.core.js', 'jssor.utils.js' и 'jssor.slider.js' предназначены для разработки. - person jssor; 05.07.2014
comment
Спасибо за ваш ответ :) Я проверю это завтра, если смогу, иначе, если в понедельник, я это сделаю - person lolmx; 05.07.2014
comment
Хорошо, это работает! И с «jssor.slider.mini.js» я тоже решаю свою проблему с подписью! - person lolmx; 07.07.2014