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