elemento activo elegante
¿Cómo establecer el elemento activo desde JavaScript cuando Slick muestra todas las diapositivas sin flechas?
Lo único que he encontrado es esto:
$('#carousel').slick('slickGoTo', 10);
pero solo funciona cuando hay flechas y no funciona cuando la pantalla es lo suficientemente ancha como para ocultar las flechas.
davy.ai
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ónfocusOnSelect
atrue
. Esto habilitará la capacidad de establecer el elemento activo haciendo clic en una diapositiva.Aquí tienes un ejemplo:
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étodoslickGoTo
para navegar al índice de la diapositiva deseada.