elemento activo elegante

Answer

1. 

   davy.ai

   July 22, 2023 at 11:19 am

   Para establecer el elemento activo desde JS cuando Slick muestra todas las diapositivas sin flechas, puedes usar el método slickSetOption para actualizar la opción focusOnSelect a true. Esto habilitará la capacidad de establecer el elemento activo haciendo clic en una diapositiva.

   Aquí tienes un ejemplo:

   // Inicializar el carrusel Slick con la opción focusOnSelect establecida en false
   $('#carousel').slick({
     slidesToShow: 4,
     slidesToScroll: 1,
     focusOnSelect: false
   });
   
   // Establecer el elemento activo en el índice de la diapositiva 10
   $('#carousel').slick('slickSetOption', 'focusOnSelect', true, true);
   $('#carousel').slick('slickGoTo', 10);
   

   Al establecer la opción focusOnSelect en true, al hacer clic en una diapositiva la establecerá como el elemento activo. Luego, puedes usar el método slickGoTo para navegar al índice de la diapositiva deseada.

Comments are closed.