Página principal » Caja de herramientas » Construir carruseles jQuery ricos en funciones con Slick

    Construir carruseles jQuery ricos en funciones con Slick

    No muchos bibliotecas de carrusel puede competir con Mancha. Es el plugin jQuery más repleto de construyendo carruseles dinámicos En la red.

    Es completamente gratis y construido encima de jQuery. El código es muy fácil de configurar, aunque lo hace requieren algunas dependencias. Pero con tanta funcionalidad, vale la pena agregar bibliotecas adicionales para que esto funcione..

    A instalar Slick, Puedes visitar el repositorio de GitHub y descargar una copia. Viene con dos archivos CSS: uno para el configuración básica y otro para el tema por defecto de Slick. Puede combinar fácilmente estos archivos en su hoja de estilo CSS principal si desea ahorrar espacio.

    Entonces, necesitas dos dependencias de jQuery: la biblioteca principal de jQuery junto con jQuery Migrate. Slick requiere un mínimo de jQuery 1.7+ Lo que no debería ser un problema para un entorno de desarrollo moderno..

    A partir de aquí, sólo tienes que añadir el Slick.js Archivo y dejarlo ir. Se pueden crear presentaciones de diapositivas con muy poco código y aquí hay un muestra directa desde el sitio web de Slick:

     
    Tu contenido
    Tu contenido
    Tu contenido

    Con un simple

    contenedor, tu puedes agregar diapositivas dinámicamente, Incluyendo imágenes, contenido HTML y medios incrustados como videos. Slick lo soporta todo con una diseño totalmente sensible que mantiene intactas las relaciones de aspecto.

    Slick viene con docenas de excelentes características, incluyendo funcionalidad de deslizar en el móvil y punto de navegación. También puede configurar auto-reproducción, animación personalizada, devoluciones de llamada personalizadas, y mucho más.

    Esta biblioteca es una bestia completa para creando carruseles giratorios. Y, puedes hacerlo todo con unas simples líneas de jQuery lo que hace esto aún más increíble.

    A ver todas las demos y Empezar, Echa un vistazo a la página de inicio de Slick. Usted además puede encontrar todo el código fuente y Documentación completa para ajustes / opciones. en el repositorio de GitHub.