como poder colocar un bullet para cada imagen buenos días busco ayuda con nivo slider la cuestión es que estoy tratando de colocar una bullet diferente para cada imagen el código que corresponde a esta función es el siguiente
if(settings.controlNav){
vars.controlNavEl = $('<div class="nivo-controlNav"></div>');
slider.after(vars.controlNavEl);
for(var i = 0; i < kids.length; i++){
if(settings.controlNavThumbs){
vars.controlNavEl.addClass('nivo-thumbs-enabled');
var child = kids.eq(i);
if(!child.is('img')){
child = child.find('img:first');
}
if(child.attr('data-thumb')) vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('data-thumb') +'" alt="" /></a>');
} else {
vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
}
}
//Set initial active link
$('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
$('a', vars.controlNavEl).bind('click', function(){
if(vars.running) return false;
if($(this).hasClass('active')) return false;
clearInterval(timer);
timer = '';
sliderImg.attr('src', vars.currentImage.attr('src'));
vars.currentSlide = $(this).attr('rel') - 1;
nivoRun(slider, kids, settings, 'control');
});
}
y la css que interviene es
nivo-controlNav a{
width:300px;
height:300px;
background: url(../../drawing/slider/bulletsinactivo.png)0 0 no-repeat;
}
nivo-controlNav .active {
background: url(../../drawing/slider/bulletsamarillo.png)0 0 no-repeat;
}
en el bullets amarillo se encuentran 4 bullets diferentes para cada imagen
y la verdad se como hacer lo que deseo agradezco cualquier ayuda
