Hi, I am trying to add a nivo slider to my forum with 12 images. Everything goes fine, except the small dots to select the images instead of going 12 it goes 24...
Here's my code:
What am I doing wrong? Thanks in advance.
Here's my code:
- Code:
<center><div style="width:700px;margin:40px auto;"><div class="slider-wrapper theme-default"><div class="ribbon"></div><div id="nivoslider-125" class="nivoSlider" style="width:700px;height:400px;"><img src="http://img526.imageshack.us/img526/6725/moonm.png" title="#caption01" alt="" /><img src="http://img803.imageshack.us/img803/1818/villageq.png" title="#caption02" alt="" /><img src="http://img208.imageshack.us/img208/444/kcibrfilms.png" title="#caption03" alt="" /><img src="http://img267.imageshack.us/img267/5899/dfghje.png" title="#caption04" alt="" /><img src="http://img22.imageshack.us/img22/6408/cartere.png" title="#caption05" alt="" /><img src="http://img855.imageshack.us/img855/1989/spawnh.png" title="#caption06" alt="" /><img src="http://img268.imageshack.us/img268/4659/meowys.png" title="#caption07" alt="" /><img src="http://img811.imageshack.us/img811/9466/cathedral.png" title="#caption08" alt="" /><img src="http://img51.imageshack.us/img51/4452/gatob.png" title="#caption09" alt="" /><img src="http://img845.imageshack.us/img845/5937/kittyr.png" title="#caption10" alt="" /><img src="http://imageshack.us/a/img109/2121/hubz.png" title="#caption11" alt="" /><img src="http://img32.imageshack.us/img32/631/thanksp.png" title="#caption12" alt="" /><div id="caption01" class="nivo-html-caption">
This will display the caption #1, just edit this part.
</div><div id="caption02" class="nivo-html-caption">
This will display the caption #2, just edit this part.
</div><div id="caption03" class="nivo-html-caption">
This will display the caption #3, just edit this part.
</div><div id="caption04" class="nivo-html-caption">
This will display the caption #4, just edit this part.
</div><div id="caption05" class="nivo-html-caption">
This will display the caption #5, just edit this part.
</div><div id="caption06" class="nivo-html-caption">
This will display the caption #6, just edit this part.
</div><div id="caption07" class="nivo-html-caption">
This will display the caption #7, just edit this part.
</div><div id="caption08" class="nivo-html-caption">
This will display the caption #8, just edit this part.
</div><div id="caption09" class="nivo-html-caption">
This will display the caption #9, just edit this part.
</div><div id="caption10" class="nivo-html-caption">
This will display the caption #10, just edit this part.
</div><div id="caption11" class="nivo-html-caption">
This will display the caption #11, just edit this part.
</div><div id="caption12" class="nivo-html-caption">
This will display the caption #12, just edit this part.
</div>
</div>
</div>
<center>
<p><script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-125").nivoSlider({
effect:"random",
slices:15,
boxCols:8,
boxRows:4,
animSpeed:500,
pauseTime:3000,
startSlide:0,
directionNav:true,
directionNavHide:true,
controlNav:true,
controlNavThumbs:false,
controlNavThumbsFromRel:true,
keyboardNav:true,
pauseOnHover:true,
manualAdvance:false
});
});
</script>
</div>
What am I doing wrong? Thanks in advance.
Last edited by angel_of_night on April 26th 2013, 3:11 pm; edited 1 time in total