Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
85
rated 0 times [  87] [ 2]  / answers: 1 / hits: 59931  / 13 Years ago, tue, june 28, 2011, 12:00:00

I've got a nivo-slider on my site, but there aren't any effects except slidesUp, even though I have set the default installation.



         <div class=slider-wrapper theme-default>
<div class=ribbon></div>
<div id=slider class=nivoSlider>

<img src=/upload/banners/image1.png border=0 alt=/>
<img src=/upload/banners/image2.png border=0 alt=/>
<img src=/upload/banners/image3.png border=0 alt=/>

</div>
</div>
<script type=text/javascript>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>


and in header:



    <script type=text/javascript src=/scripts/jquery.js></script>
<script type=text/javascript src=/scripts/jquery.nivo.slider.pack.js></script>
<link rel=stylesheet type=text/css href=/css/nivo-slider.css/>


What should I do to make it works properly?


More From » plugins

 Answers
25

zeusakm.
Check your code and look for this:



<script type=text/javascript>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>


You have to call the 'effect' option and then you can set it. How?:



<script type=text/javascript>
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random'
});
});
</script>


The effect parameter can be any of the following:




  • sliceDown

  • sliceDownLeft

  • sliceUp

  • sliceUpLeft

  • sliceUpDown

  • sliceUpDownLeft

  • fold

  • fade

  • random

  • slideInRight

  • slideInLeft

  • boxRandom

  • boxRain

  • boxRainReverse

  • boxRainGrow

  • boxRainGrowReverse



Complete reference: http://nivo.dev7studios.com/#usage


[#91451] Monday, June 27, 2011, 13 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
dequant

Total Points: 88
Total Questions: 99
Total Answers: 95

Location: Ukraine
Member since Sun, Dec 13, 2020
4 Years ago
dequant questions
;