Nivo滑塊轉換

Question

我在主頁上添加了Magento主題中的nivo滑塊，此時它顯示了一個隨機效果的負載。

我只想讓它顯示一種效果，其中所有的幻燈片將從右側滑入，在屏幕上出現3秒，然後向左滑出，並且新的滑塊以連續的方式從右側滑入。

我不是很好用JavaScript，所以我希望有人能幫助我在這個NIVO javascript is here in pastebin

Answer 1

您應該我們slideInRight效果，沒有什麼與NIVO的.js文件改變。只要使用這個

$('#slider').nivoSlider({effect:'slideInRight'});

希望這有助於。

Answer 2

它爲我工作。讓它嘗試添加data-transition效果名稱slideInRight或slideInLeft

<div id="slider" class="nivoSlider" width="480" > 
    <img src="slider/1.jpg" alt="" data-transition="slideInLeft" /> 
    <img src="slider/4.jpg" alt="" data-transition="slideInRight" /> 
</div> 

還可以在JS

$(window).load(function() { 
    $('#slider').nivoSlider({effect:'slideInRight'});  
}); 

嘗試按this answer：

您可以從以下效果選擇：

• sliceDown
• sliceDownLeft
• sliceUp
• sliceUpLeft
• sliceUpDown
• sliceUpDownLeft
• 倍
• 褪色
隨機
• slideInRight
• slideInLeft
• boxRandom
• boxRain
• boxRainReverse
• boxRainGrow
• boxRainGrowReverse

Answer 3

您可以編輯jquery.nivo.slider。js文件，如果您在記事本中打開此文件，並轉到LINE-348，你應該看到下面的代碼： -

// Generate random effect 
     if(settings.effect === 'random'){ 
      anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade', 
      'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse'); 
      currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))]; 
      if(currentEffect === undefined) { currentEffect = 'fade'; } 
     } 

在代碼更改以下行，（確保消除所有規定的其他影響在這一行）

anims = new Array（'slideInRight'）;

，也是最後一行

如果（currentEffect ===未定義）{currentEffect = 'slideInRight'}

現在你應該有一個過渡效果。

Answer 4

在webpart.cs文件

img.addAtribute("data-transition","slideInRight");