es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Muestra el deslizador actual activo de puntos en Slick.

26 May, 2023 Programación

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?

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, puedes utilizar el parámetro currentSlide del evento afterChange 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:

    $slickElement.on('afterChange', function (event, slick, currentSlide, nextSlide) {
  var i = (currentSlide ? currentSlide : 0) + 1;
  $status.text(i + '/' + (slick.$dots[0].children.length));
});

Comments are closed.