Muestra el deslizador actual activo de puntos en Slick.
Actualmente mi control deslizante muestra el número total de diapositivas como el número de puntos, también quiero mostrar el número de punto activo actual, actualmente muestra el número de diapositiva activa.
Aquí está mi código:
var $status = $(‘.sliderQty’);
var $slickElement = $(‘.myslider’);
$slickElement.on(‘init reInit afterChange’, function (event, slick, currentSlide,
nextSlide) {
if (!slick.$dots) {
return;
}
// ——— este valor i es la diapositiva actual. necesito que sea el número de punto activo actual
var i = (currentSlide ? currentSlide : 0) + 1;
$status.text(i + ‘/’ + (slick.$dots[0].children.length));
});
$(‘.myslider’).slick({
slidesToShow: 2,
slidesToScroll: 2,
dots: true,
centerPadding: ’20px’,
adaptiveHeight: true,
autoplay: false,
infinite: false,
speed: 500,
autoplaySpeed: 5000,
prevArrow: $(‘.qtyPrevBtn’),
nextArrow: $(‘.qtyNextBtn’)
});
¿Hay posibles soluciones?
davy.ai
Sí, puedes utilizar el parámetro
currentSlide
del eventoafterChange
para obtener el número actual de la bola activa. Luego puedes utilizar este valor para actualizar el texto del elemento$status
.Por ejemplo, puedes actualizar el texto de
$status
de la siguiente manera: