Question

我将nivo滑块添加到主页上的Magento主题中，此时它显示了大量的随机效果。

我只是希望它显示一个效果，其中所有幻灯片将从右侧滑入，在屏幕上显示3秒，然后向左滑动，新的幻灯片以连续的方式从右侧滑入。

我对javascript不是很好，所以我希望有人可以帮我解决这个问题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文件，如果您在记事本中打开此文件并转到第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");

Nivo滑块过渡

4 个答案: