javascript - Nivoスライダートランジション

Question

ホームページのMagentoテーマにnivoスライダーを追加しましたが、現時点ではランダムな効果がたくさん表示されています。

すべてのスライドが右からスライドインし、画面に3秒間表示されてから、新しいスライドが右から連続してスライドして左にスライドするという1つの効果を表示したいだけです。

私はjavascriptがあまり得意ではないので、誰かがこれについて私を助けてくれることを願っていますnivojavascriptはここpastebinにあります

Answer 1

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'});    
});

この答えに従って：

次の効果から選択できます。

• スライスダウン
• スライス左下
• スライスアップ
• スライス上左
• スライスアップダウン
• スライスUpDownLeft
• 折り畳み
• フェード
• ランダム
• 右にスライド
• 左にスライド
• ボックスランダム
• ボックスレイン
• ボックスレインリバース
• ボックスRainGrow
• boxRainGrowReverse

Answer 3

jquery.nivo.slider.js ファイルを編集できます。このファイルをメモ帳で開き、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 ');

そして最後の行も

if(currentEffect === undefined) {currentEffect = ' slideInRight '}

これで、単一のトランジション効果が得られるはずです。

Answer 4

webpart.csファイル内

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