2014-01-07 54 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); –