Hi guys. I found this slider: http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin
Is there any way in which I can delete the gray bullets under the slider? I just want the user to be able to change pictures with the left and right arrow (inside the slider)
Try this:
$('#slider').nivoSlider({
controlNavThumbs: true
});
All options this plugin accepts are:
//Default settings
$.fn.nivoSlider.defaults = {
effect: 'random',
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: 'Prev',
nextText: 'Next',
randomStart: false,
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){},
lastSlide: function(){},
afterLoad: function(){}
};
1 Like
Thanks man. That worked it out.
Edit: It solves the issue, but it generates a blank space which I would like to get deleted
Not sure what you mean, if it’s a blank space between the elements you can set the font-size to 0, then the space won’t show up.
Look this link: http://stackoverflow.com/questions/1097006/removing-whitespace-between-html-elements-when-using-line-breaks
If it doesn’t solve then please post the source code.