无法让jssor jQuery滑块淡出

时间:2014-01-07 04:11:37

标签: javascript jquery

守则明确指出 $Fade:true, $Duration:1000是要放入_SlideshowTransitions的变量。我已经这样做但不能为我的生活在图片上得到一个消失的动作。

我的页面可以在这里看到:http://shuksanhealth.compumatter.com/ecore/test.php,视图源会告诉所有内容。话虽如此,这是代码。

那些熟悉这个产品的人以及为什么这个淡入淡出过渡不起作用?

2 个答案:

答案 0 :(得分:4)

首先我建议你在插件之前加载jquery。

第二点我找不到任何显示淡化工作的文档。目前尚不清楚。

在Github Developer

上找到此代码
    var _SlideshowTransitions = [
    //Fade
    {$Duration: 700, $Opacity: 2, $Brother: { $Duration: 1000, $Opacity: 2} }
    ];

来源:https://github.com/jssor/slider.js/blob/master/examples-jquery/slider-with-slideshow.source.source.html

也许您想尝试修改它而不是使用:

        var _SlideshowTransitions = [{ 
            $Duration: 2000, 
            // $Delay: 30, 
            // $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 
            }];

我做了一个简单的测试并且有效

答案 1 :(得分:4)

这就是我开始工作的方式:

var options = { $AutoPlay: true, $SlideshowOptions: { $Class: $JssorSlideshowRunner$, $Transitions: [{ $Duration:700, $Fade: true, $Opacity:2 }] } };

文档确实不明确。