Framework7 - Paramètres du navigateur de photos
La description
Framework7 fournit une liste de paramètres, qui sont utilisés avec le navigateur de photos et sont répertoriés dans le tableau suivant -
| S. Non | Paramètre et description | Type | Défaut |
|---|---|---|---|
| 1 | photos C'est un tableau avec des URL d'images ou un tableau d'objets avec des propriétés d'URL et de légende. |
tableau | [] |
| 2 | initialSlide Il s'agit du numéro d'index d'une diapositive initiale. |
nombre | 0 |
| 3 | spaceBetween Il représente la distance entre les diapositives photo en pixels. |
nombre | 20 |
| 4 | speed Il représente la durée de la transition entre les diapositives photo. |
nombre | 300 |
| 5 | zoom Il est utilisé pour activer / désactiver la capacité de zoomer et de faire un panoramique des photos. |
booléen | vrai |
| 6 | maxZoom C'est le rapport de zoom maximum. |
nombre | 3 |
| sept | minZoom C'est le rapport de zoom minimum. |
nombre | 1 |
| 8 | exposition Il active / désactive le mode d'exposition en cliquant sur le navigateur de photos. |
booléen | vrai |
| 9 | expositionHideCaptions Si ce paramètre est défini sur true, les légendes en mode exposition sont masquées. |
booléen | faux |
| dix | swipeToClose Si cela est activé, vous pouvez fermer le navigateur de photos avec un balayage vers le haut / bas. |
booléen | vrai |
| 11 | view C'est le lien vers l'instance de vue initialisée. |
Afficher l'instance | indéfini |
| 12 | type Il définit comment le navigateur de photos doit être ouvert. |
chaîne | autonome |
| 13 | loop Lorsqu'il est défini sur true , il active le mode de boucle continue. |
booléen | faux |
| 14 | theme Le thème de couleur du navigateur de photos peut être clair ou foncé . |
chaîne | lumière |
| 15 | captionsTheme Il peut être de deux couleurs foncées ou claires . |
chaîne | - |
| 16 | navbar Il est défini sur false pour supprimer la barre de navigation du navigateur de photos. |
booléen | vrai |
| 17 | toolbar Il est défini sur false pour supprimer la barre d'outils du navigateur de photos. |
booléen | vrai |
| 18 | backLinkText C'est le texte sur le lien au dos de la barre de navigation. |
chaîne | Fermer |
| 19 | ofText C'est le texte du compteur en photos. Pour par exemple 3 sur 5. |
chaîne | de |
| Chargement paresseux | |||
| 1 | lazyLoading Il est défini sur true pour activer le chargement différé des images. |
booléen | faux |
| 2 | lazyLoadingInPrevNext Il est défini sur true pour activer le chargement différé pour les photos les plus proches. |
booléen | faux |
| 3 | lazyLoadingOnTransitionStart Après la transition vers la photo, le navigateur de photos chargera les photos paresseuses par défaut. Si vous activez ce paramètre, vous pouvez charger une nouvelle photo au début de la transition. |
booléen | faux |
| Modèles | |||
| 1 | navbarTemplate C'est le modèle HTML de la barre de navigation. |
chaîne | - |
| 2 | toolbarTemplate C'est le modèle HTML de la barre d'outils. |
chaîne | - |
| 3 | photoTemplate Il s'agit du modèle HTML d'élément photo unique. |
chaîne | - |
| 4 | lazyPhotoTemplate Il s'agit du modèle HTML d'élément photo à chargement différé unique. |
chaîne | - |
| 5 | objectTemplate Il s'agit du modèle HTML d'élément d'objet unique. |
chaîne | - |
| 6 | captionTemplate Il s'agit du modèle HTML d'élément de légende unique. |
chaîne | - |
| Rappels | |||
| 1 | onOpen(photobrowser) C'est la fonction de rappel, qui sera exécutée à l'ouverture du navigateur de photos. |
fonction | - |
| 2 | onClose(photobrowser) C'est la fonction de rappel, qui sera exécutée lorsque l'utilisateur ferme le navigateur de photos. |
fonction | - |
| 3 | onSwipeToClose(photobrowser) C'est la fonction de rappel, qui sera exécutée lorsque l'utilisateur ferme le navigateur de photos en faisant glisser vers le haut ou vers le bas. |
fonction | - |
| Rappels Swiper | |||
| 1 | onSlideChangeStart(swiper) Cette fonction de rappel sera exécutée au début de l'animation sur une autre diapositive. Il prend une instance de swiper comme argument. |
fonction | - |
| 2 | onSlideChangeEnd(swiper) Cette fonction de rappel sera exécutée après l'animation sur une autre diapositive. Il prend une instance de swiper comme argument. |
fonction | - |
| 3 | onTransitionStart(swiper) Cette fonction de rappel sera exécutée au début de la transition. Il prend une instance de swiper comme argument. |
fonction | - |
| 4 | onTransitionEnd(swiper) Cette fonction de rappel sera exécutée après la transition. Il prend une instance de swiper comme argument. |
fonction | - |
| 5 | onClick(swiper,event) Cette fonction de rappel s'exécutera lorsque l'utilisateur cliquera sur le curseur après un délai de 300 ms. Il accepte l'instance et l'événement de swiper en tant que paramètre. |
fonction | - |
| 6 | onDoubleTap(swiper, event) Cette fonction de rappel s'exécutera lorsque l'utilisateur double-cliquera sur le conteneur de curseur. |
fonction | - |
| sept | onLazyImageLoad(swiper, slide, image) Cette fonction de rappel sera exécutée lorsque le chargement différé commencera à charger la photo. |
fonction | - |
| 8 | onLazyImageReady(swiper, slide, image) Cette fonction sera exécutée après le chargement paresseux de la photo. |
fonction | - |