Téléchargement swiper - Téléchargement du code source swiper

swiper

Autre code source

v11.1.15

Télécharger

Commencez | Documentation | Démos

Glissement

Swiper - est le curseur tactile mobile gratuit et le plus moderne avec des transitions accélérées matérielles et un comportement indigène incroyable. Il est destiné à être utilisé dans les sites Web mobiles, les applications Web mobiles et les applications mobiles natives / hybrides.

Swiper n'est pas compatible avec toutes les plates-formes, c'est un curseur tactile moderne qui se concentre uniquement sur les applications / plateformes modernes pour apporter la meilleure expérience et la meilleure simplicité.

Caractéristiques

Arbre-shakable : seuls les modules que vous utilisez seront importés dans le bundle de votre application.
Mobile-friendly : il est destiné à être utilisé dans les sites Web mobiles, les applications Web mobiles et les applications mobiles natives / hybrides.
Bibliothèque Agnostic : Swiper ne nécessite pas de bibliothèques JavaScript comme jQuery, ce qui rend le swiper beaucoup plus petit et plus rapide. Il peut être utilisé en toute sécurité avec des bibliothèques telles que JQuery, Zepto, JQuery Mobile, etc.
Mouvement tactile 1: 1 : par défaut, le swiper fournit une interaction de mouvement tactile 1: 1, mais ce rapport peut être configuré via des paramètres de glissement.
Mutation Observer : Swiper a une option pour activer l'observateur de mutation, avec cette fonction Swiper sera automatiquement réinitialisé et recalcula tous les paramètres requis si vous apportez des modifications dynamiques au DOM, ou dans les styles de swiper lui-même.
API RICH : Le glissement est livré avec une API très riche. Il permet de créer votre propre pagination, des boutons de navigation, des effets de parallaxe et bien d'autres.
RTL : Swiper est le seul curseur qui fournit une prise en charge RTL 100% avec une disposition correcte.
Disposition des diapositives multi-lignes : le swiper permet une disposition des diapositives de plusieurs lignes, avec quelques diapositives par colonne.
Effets de transition : fondu, flip, cube 3D, flux de couverture 3D.
Contrôle bidirectionnel : le glissement peut être utilisé comme contrôleur pour n'importe quel nombre d'autres glissements, et même être contrôlés en même temps.
Contrôle de navigation complet : le glissement est livré avec tous les éléments de navigation intégrés requis, tels que la pagination, les flèches de navigation et la barre de défilement.
Disposition de Flexbox : Swiper utilise la disposition moderne de Flexbox pour la disposition des diapositives, ce qui résout beaucoup de problèmes et de temps avec des caclulations de taille. Une telle disposition permet également de configurer la grille de diapositives à l'aide de CSS pure.
Grille de disposition des diapositives les plus flexibles : le swiper a beaucoup de paramètres lors de l'initialisation pour le rendre aussi flexible que possible. Vous pouvez contrôler les diapositives par vue, par colonne, par groupe, un espace entre les diapositives et bien d'autres.
Images Chargement paresseux : Swiper Lazy Chargement retard du chargement des images dans des lames inactives / invisibles jusqu'à ce que l'utilisateur leur glisse. Une telle fonctionnalité pourrait faciliter le chargement de la page et améliorer les performances du glissement.
Diapositives virtuelles : Swiper est livré avec une fonctionnalité de diapositives virtuelles qui est excellente lorsque vous avez beaucoup de diapositives ou de diapositives lourdes de contenu / lourdes d'image afin qu'elle conserve juste la quantité requise de diapositives dans DOM.
Mode de boucle
En place automatique
Contrôle du clavier
Contrôle du volant
Curseurs imbriqués
Navigation historique
Navigation de hachage
Configuration des points d'arrêt
Accessibilité (A11y)
Et bien d'autres ...

Communauté

La communauté des échouages peut être trouvée sur les discussions GitHub, où vous pouvez poser des questions, des idées de voix et partager vos projets

Notre code de conduite s'applique à tous les canaux communautaires de glissement.

Dist / build

Sur les fichiers d'utilisation de production (JS et CSS) uniquement à partir du dossier dist/ , il y aura les versions les plus stables.

Construction de développement

Installez toutes les dépendances, dans la racine de Repo:


$ npm install

Et version de développement de Swiper:


$ npm run build

Le résultat est disponible dans dist/ Folder.

Demos en cours d'exécution:

Toutes les démos situées dans le dossier ./playground . Vous y trouverez Core (HTML, JS), React, Vue Versions. Pour ouvrir une démo, courir:

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

Construction de production


$ npm run build:prod

La version de production sera disponible dans dist/ Folder.

Contributif

Toutes les modifications doivent être engagées uniquement sur src/ Fichiers. Avant d'ouvrir un problème, veuillez consulter la directive contributive.

Caractéristiques de la route principales

Demandes de fonctionnalités supérieures (ajoutez vos propres votes en utilisant la «réaction)
Top bugs? (Ajoutez vos propres votes en utilisant la «réaction)