var imagenesSlide = [ ['webimg/slides/img_t-84.jpg','webimg/slides/img_t-26.jpg','webimg/slides/img_t-89.jpg',],]; $('.slide-bg ul').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('#queImagen').html(nextSlide+1+' / '); }); function updateSlide(index) { // pongo en pausa y oculto el slide $('.slide-bg ul').slick('slickPause'); $('#queImagen').html('1 / '); $('.slide-bg').stop().animate({ opacity: 0 }, 200, "swing", function() { // recorro las categorias y me fijo cual tiene la mayor cantidad de slides var maxSlides = 0; for (x = 0; x < imagenesSlide.length; x++) { if (imagenesSlide[x].length > maxSlides) { maxSlides = imagenesSlide[x].length; }; }; // borro todos los slides actuales for (x = 0; x < maxSlides; x++) { $('.slide-bg ul').slick('slickRemove',0); }; // agrego los nuevos slides for (x = 0; x < imagenesSlide[index].length; x++) { $('.slide-bg ul').slick('slickAdd','
'); }; // reactivo y muestro el slide actualizado $('.slide-bg').stop().animate({ opacity: 1 }, 200, "swing", function() { $('.slide-bg ul').slick('slickPlay'); }); $('#totalImagenes').html(imagenesSlide[index].length); $('.slide-bg ul').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('#queImagen').html(nextSlide+1+' / '); }); }); };