2014-01-07 34 views
2

代码明确指出 $Fade:true, $Duration:1000是要放入_SlideshowTransitions中的变量。我已经这样做了,但不能在我的生活中对照片产生淡化的作用。无法使jssor jQuery滑块褪色

我的页面可以在这里看到:http://shuksanhealth.compumatter.com/ecore/test.php和一个查看源代码将告诉它所有。话虽如此,这里是代码。

任何人都熟悉这个产品,为什么这个淡入淡出的过渡将无法正常工作?

回答

4

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

第二点我找不到任何显示淡入淡出的文档。这并不明确。

发现Github上开发这个代码

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 
      }]; 

我做了一个简单的测试和它的工作

+0

感谢它的工作 –

4

这是我如何得到它的工作:

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

该文件确实不清楚。

+0

非常好,顺利:) –

+0

谢谢莱昂纳多。很好。这是我的最终代码: var jfffoptions = {$ AutoPlay:true,$ SlideshowOptions:{$ Class:$ JssorSlideshowRunner $,$ Transitions:[{$ Duration:700,$ Fade:true,$ Opacity:2}]} }; var jssor_1_slider = new $ JssorSlider $(“jssor_1”,jfffoptions); –