¿Es posible crear un enlace a una diapositiva en un control deslizante elegante? Ejemplo: mi objetivo es crear códigos QR con la URL de una página y cargar el control deslizante y la diapositiva actual es la número 5.
Puede hacerlo de varias maneras, pero dado que desea crear URL, puede pasar el número de diapositiva como una cadena de consulta, por ejemplo, tiene un sitio web llamado www.example.com , tiene un hipervínculo establecido en su página como www.example.com/subpage/?slideNum=2
En la página donde tiene su control deslizante deslizante, agregaría un evento para escuchar primero el control deslizante deslizante que se está creando, luego verifique si hay un parámetro de URL configurado para hacer un evento slickGoTo como este: -
$(".slick").on("init", function (e, slickInstance) { const params = new URLSearchParams(window.location.search); const myParam = params.get("slideNum"); if (Number(myParam)) { slickInstance.slickGoTo(myParam); } }); $(".slick").slick({ centerMode: true, slidesToShow: 1 });Este método le permite ir a la URL con o sin un parámetro de consulta y también le ofrece flexibilidad para cambiar el número de diapositiva con relativa facilidad.