Descarga swiper - Descargar el código fuente swiper

swiper

Otro código fuente

v11.1.15

Descargar

Empiece | Documentación | Población

Cañón

Swiper: es el control deslizante táctil móvil gratuito y más moderno con transiciones aceleradas de hardware y un comportamiento nativo sorprendente. Está destinado a ser utilizado en sitios web móviles, aplicaciones web móviles y aplicaciones nativas/híbridas móviles.

Swiper no es compatible con todas las plataformas, es un control deslizante táctil moderno que se centra solo en aplicaciones/plataformas modernas para brindar la mejor experiencia y simplicidad.

Patrocinadores

Características

Sprekable de árboles : solo los módulos que use se importarán al paquete de su aplicación.
Fatible móvil : está destinado a usarse en sitios web móviles, aplicaciones web móviles y aplicaciones nativas/híbridas móviles.
Agnóstico de la biblioteca : Swiper no requiere bibliotecas de JavaScript como jQuery, lo que hace que Swiper sea mucho más pequeño y más rápido. Se puede utilizar de manera segura con bibliotecas como jQuery, Zepto, jQuery Mobile, etc.
1: 1 Movimiento táctil : de forma predeterminada, Swiper proporciona una interacción de movimiento táctil 1: 1, pero esta relación se puede configurar a través de la configuración del swiper.
Observador de mutaciones : Swiper tiene una opción para habilitar Mutation Observer, con este Swiper de características se reiniciará y recalculará automáticamente todos los parámetros requeridos si realiza cambios dinámicos en el DOM o en los estilos de Swiper.
Rich API : Swiper viene con una API muy rica. Permite crear su propia paginación, botones de navegación, efectos de paralaje y muchos más.
RTL : Swiper es el único control deslizante que proporciona soporte 100% RTL con el diseño correcto.
Diseño de diapositivas de múltiples filas : Swiper permite un diseño de diapositivas de múltiples filas, con algunas diapositivas por columna.
Efectos de transición : Fade, Flip, 3D Cube, 3D Coverflow.
Control bidireccional : el swiper puede usarse como controlador para cualquier número de otros espectadores e incluso controlarse al mismo tiempo.
Control de navegación completo : Swiper viene con todos los elementos de navegación incorporados requeridos, como paginación, flechas de navegación y barra de desplazamiento.
Diseño de Flexbox : Swiper utiliza el diseño moderno de Flexbox para el diseño de las diapositivas, que resuelve muchos problemas y tiempo con cacululaciones de tamaño. Tal diseño también permite configurar la cuadrícula de diapositivas usando CSS puro.
La rejilla de diseño de diapositivas más flexible : Swiper tiene muchos parámetros en la inicialización para que sea lo más flexible posible. Puede controlar las diapositivas por vista, por columna, por grupo, espacio entre diapositivas y muchos más.
Imágenes Carga perezosa : retrasos de carga perezosa La carga de imágenes de imágenes en diapositivas inactivas/invisibles hasta que el usuario se deslice hacia ellas. Dicha característica podría hacer que la página se cargue más rápido y mejore el rendimiento del swiper.
Diapositivas virtuales : Swiper viene con una característica de diapositivas virtuales que es excelente cuando tiene muchas diapositivas o diapositivas pesadas de contenido/imagen, por lo que mantendrá solo la cantidad requerida de diapositivas en DOM.
Modo de bucle
Autoplaz
Control de teclado
Control de la rueda del ratón
Deslizadores anidados
Navegación de la historia
Navegación hash
Configuración de puntos de interrupción
Accesibilidad (A11y)
Y muchos más ...

Comunidad

La comunidad de Swiper se puede encontrar en las discusiones de GitHub, donde puede hacer preguntas, ideas de voz y compartir sus proyectos

Nuestro código de conducta se aplica a todos los canales de la comunidad de Swiper.

Dist / Build

En la producción, use archivos (JS y CSS) solo desde dist/ Carpeta, habrá las versiones más estables.

Desarrollo de desarrollo

Instale todas las dependencias, en la raíz de Repo:


$ npm install

Y construir la versión de desarrollo de Swiper:


$ npm run build

El resultado está disponible en dist/ carpeta.

Demoss Running:

Todas las demostraciones ubicadas en la carpeta ./playground . Allí encontrarás las versiones Core (HTML, JS), React, Vue. Para abrir la demostración, ejecutar:

Core : npm run core
Reaccionar : npm run react
Vue : npm run vue

Construcción de producción


$ npm run build:prod

La versión de producción estará disponible en dist/ Carper.

Que contribuye

Todos los cambios deben comprometerse solo con src/ archivos. Antes de abrir un problema, revise la guía contribuyente.

Grandes características de ruta de ruta

Solicitudes de la función superior (agregue sus propios votos usando la reacción?
¿Contratos superiores? (Agregue sus propios votos usando la reacción)