无法通过jbsor jQuery滑块在全屏上显示大图像

时间:2015-05-30 14:14:58

标签: javascript jquery jssor

我已经尝试了一切,但无法使其发挥作用。 我试图全屏显示图像。 图像被替换但没有淡入淡出效果。

图片很大(500kb)。有什么建议吗?

var _SlideshowTransitions = [
            { 
            $Duration: 1000, 
            //$Delay: 300, 
            // $Cols: 8, 
            // $Rows: 4, 
            // $Top: true, 
            // $Right: true, 
            // $Bottom: true, 
            // $Left: true, 
             $Fade: true,
            //$SlideOut: true, 
            // $Assembly: 2049, 
            // $Easing: $JssorEasing$.$EaseOutQuad, 
            // $Formation: $JssorSlideshowFormations$.$FormationStraightStairs 
            // $Formation: $JssorSlideshowFormations$.$FormationStraightStairs 
            }
];

var _options = {
                $PauseOnHover: 0,
                $ArrowKeyNavigation: true,
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                $SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not
                    $Class: $JssorSlideshowRunner$,                 //[Required] Class to create instance of slideshow
                    $Transitions: _SlideshowTransitions            //[Required] An array of slideshow transitions to play slideshow
                }
};


jssor_slider = new $JssorSlider$("slider1_container", _options);

1 个答案:

答案 0 :(得分:0)

请使用以下转换代码

{
    $Duration: 1000,
    //$Delay: 300, 
    // $Cols: 8, 
    // $Rows: 4, 
    // $Top: true, 
    // $Right: true, 
    // $Bottom: true, 
    // $Left: true, 
    $Opacity: 2
    //$SlideOut: true, 
    // $Assembly: 2049, 
    // $Easing: $Jease$.$OutQuad, 
    // $Formation: $JssorSlideshowFormations$.$FormationStraightStairs 
    // $Formation: $JssorSlideshowFormations$.$FormationStraightStairs 
}

顺便说一句,您可以在此处http://www.jssor.com/development/tool-slideshow-transition-viewer.html

复制幻灯片代码