Cómo crear un carrusel automático con div & amp;Slick.js

Cada semana, le proporcionamos Divin de diseño y paquetes de diseño gratuitos que puede usar para su próximo proyecto. Para uno de los paquetes de apariencia, también compartimos un caso de uso que lo ayudará a llevar el sitio web al siguiente nivel. Esta semana, como parte de nuestra iniciativa continua de diseño de la Divica, le mostraremos cómo crear un carrusel automático con Div, Slick.js y el paquete de Lightout Cream Shop. Comenzaremos por incluir la Biblioteca JS en nuestro sitio web y continuaremos trabajando en Divi Builder. Esta es una excelente manera de crear un carrusel automático para cualquier tipo de forma que desee presentar. ¡Podrá descargar el archivo JSON de forma gratuita!
Vamos a eso. Vista previa antes de arrojar nuestras cabezas en el tutorial, para echar un vistazo rápido al resultado en diferentes tamaños de pantalla. Escritorio

Móvil

Descargue el cuidado automático de carrusel de forma gratuita para poner su mano en el look de carrusel gratuito, primero deberá descargarlo con el botón a continuación. Para tener acceso a la descarga, deberá suscribirse a nuestra lista diaria de correo electrónico utilizando el formulario a continuación. ¡Como nuevo suscriptor, recibirá más buenas divisiones y un paquete Divaut gratuito todos los lunes! Si ya está en la lista, simplemente ingrese la dirección de correo electrónico a continuación y haga clic en Descargar. No será “reubicado” y no recibirá correos electrónicos adicionales.
Descargar archivos

Descargue el registro gratuito para el Boletín Informativo Divic y le enviaremos una copia de la página de la página de la página final, además de muchos otros recursos, consejos y consejos para Div gratis. Sigue a ti mismo y serás una división maestra en el menor tiempo. Si ya está suscrito, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar para acceder al paquete de apariencia. Se ha suscrito correctamente. ¡Consulte su correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales gratuitos!
¡Asegúrese de incluir el archivo slick.js en las etiquetas de cabeza! Sin ella, no funcionará. Vea el primer paso a continuación. 1. Agregue JS Slick para integrar su tema. Agregar slick.js a su sitio web. Para esto, vaya a las opciones del tema de la Divic.
Agregue slick.js a las etiquetas de cabeza navegue a la pestaña de integración y agregue el archivo slick.js a las etiquetas principales de su sitio web.

Una vez que haya agregado el código CSS y JQuey, ¡puede salir de Visual Builder para ver el resultado! Vista previa ahora que hemos dado todos los pasos, para echar un vistazo final al resultado en diferentes tamaños de pantalla. Escritorio
Pensamientos finales En esta publicación, le mostré cómo crear un carrusel automático con div, slick.js y el paquete de taller de crema de diseño. Esta es una excelente manera de agregar interacción a su sitio web. ¡Puede hacer que esta técnica funcione con cualquier forma que desee mostrar! Si tiene alguna pregunta o sugerencia, asegúrese de dejar un comentario en la sección de comentarios a continuación. Si está ansioso por obtener más información sobre Divi y obtener más regalos de la Divicidad, asegúrese de suscribirse a nuestro boletín de correo electrónico y al canal de YouTube para que siempre sea una de las primeras personas en conocer y obtener beneficios de este contenido gratuito.