PhotoSwipe

PhotoSwipe changé auteurs à partir de la version 4.x et est maintenant dans l'œil vigilant de Dmitry Semenov un développeur connue pour de nombreux autres composants belle de l'interface utilisateur comme RoyalSlider et Magnific Popup .

Ce qui a commencé comme un projet en essayant de reproduire l'iPhone native visionneuse d'image via JavaScript a évolué dans un cross-browser très puissant et multi-appareils supportés galerie photo et sur la base modale image viewer, spécifiquement optimisé pour une utilisation sur les mobiles et sensibles mises en page.

Comme vous vous attendez, il ya un soutien pour les gestes tactiles, mais aussi certaines caractéristiques non standard comme les contrôles de partage de médias sociaux et même une option pour télécharger facilement le fichier de l'image originale.

Vous trouverez également des options classiques pour montrer légendes côté des images, boutons suivant / prev, un téléavertisseur de base, et un mode plein écran.

Les images peuvent être faites pour adapter l'intérieur de la fenêtre de l'utilisateur ou ils peuvent également être montré à leur bon ratio de la résolution et l'aspect.

Si vous souhaitez montrer HTML à l'intérieur des modaux de PhotoSwipe, cela est possible aussi.

Beaucoup de démos et toute la documentation que vous aurez besoin sont inclus dans le package de téléchargement

Ce qui est nouveau dans cette version:.

• Ajout `mainScrollAnimStart & quot; événement.
• Correction:
• Zoom Mauvaise position panoramique en plein écran lorsque la page a défilé.
• icône Plein écran est pas à jour lors du changement de l'état plein écran.
• Changement d'orientation rompt disposition si il ya 2 diapositives.
• Erreur lors du chargement d'image terminé (peut apparaître que lorsque faible nombre d'articles et lors de la commutation rapide des diapositives).
• Problème avec mises RTL.
• Une erreur apparaît au captionEl:. false
• closeOnScroll est maintenant déclenché que par des événements de roulette de la souris et uniquement dans les navigateurs qui supportent transformer. Comme différents navigateurs événement déclencheur défilement imprévisible (pendant chargement de la page, lorsque les barres sont affichées, etc.).
• Dans bureau Safari PhotoSwipe qui ouvre la page de chargement peut fermer (causée par l'émission ci-dessus).

Quoi de neuf dans la version 4.0.8:

• Ajout `mainScrollAnimStart & quot; événement.
• Correction:
• Zoom Mauvaise position panoramique en plein écran lorsque la page a défilé.
• icône Plein écran est pas à jour lors du changement de l'état plein écran.
• Changement d'orientation rompt disposition si il ya 2 diapositives.
• Erreur lors du chargement d'image terminé (peut apparaître que lorsque faible nombre d'articles et lors de la commutation rapide des diapositives).
• Problème avec mises RTL.
• Une erreur apparaît au captionEl:. false
• closeOnScroll est maintenant déclenché que par des événements de roulette de la souris et uniquement dans les navigateurs qui supportent transformer. Comme différents navigateurs événement déclencheur défilement imprévisible (pendant chargement de la page, lorsque les barres sont affichées, etc.).
• Dans bureau Safari PhotoSwipe qui ouvre la page de chargement peut fermer (causée par l'émission ci-dessus).

Quoi de neuf dans la version 4.0.7:

• Ajout `mainScrollAnimStart & quot; événement.
• Correction:
• Zoom Mauvaise position panoramique en plein écran lorsque la page a défilé.
• icône Plein écran est pas à jour lors du changement de l'état plein écran.
• Changement d'orientation rompt disposition si il ya 2 diapositives.
• Erreur lors du chargement d'image terminé (peut apparaître que lorsque faible nombre d'articles et lors de la commutation rapide des diapositives).
• Problème avec mises RTL.
• Une erreur apparaît au captionEl:. false
• closeOnScroll est maintenant déclenché que par des événements de roulette de la souris et uniquement dans les navigateurs qui supportent transformer. Comme différents navigateurs événement déclencheur défilement imprévisible (pendant chargement de la page, lorsque les barres sont affichées, etc.).
• Dans bureau Safari PhotoSwipe qui ouvre la page de chargement peut fermer (causée par l'émission ci-dessus).

Quoi de neuf dans la version 4.0.6:

• Ajout `mainScrollAnimStart & quot; événement.
• Correction:
• Zoom Mauvaise position panoramique en plein écran lorsque la page a défilé.
• icône Plein écran est pas à jour lors du changement de l'état plein écran.
• Changement d'orientation rompt disposition si il ya 2 diapositives.
• Erreur lors du chargement d'image terminé (peut apparaître que lorsque faible nombre d'articles et lors de la commutation rapide des diapositives).
• Problème avec mises RTL.
• Une erreur apparaît au captionEl:. false
• closeOnScroll est maintenant déclenché que par des événements de roulette de la souris et uniquement dans les navigateurs qui supportent transformer. Comme différents navigateurs événement déclencheur défilement imprévisible (pendant chargement de la page, lorsque les barres sont affichées, etc.).
• Dans bureau Safari PhotoSwipe qui ouvre la page de chargement peut fermer (causée par l'émission ci-dessus).

Ce qui est nouveau dans la version 4.0.0:.

• fichier bower.json Ajouté

Ce qui est nouveau dans la version 3.0.4:

• Correction d'un problème avec les boutons de la barre quand une galerie a moins de 3 images.

Quoi de neuf dans la version 3.0.3:

• Ajout d'un nouveau exemple - 14-tap-image- go-to-url.html.
• d'assurer que seuls iOS capte les événements de mouvement.

Quoi de neuf dans la version 3.0.0:

• légendes Multi-ligne lorsque la barre de légende placée au fond devrait maintenant être fixée.
• Correction du problème où la barre d'outils et la légende sont restés visibles lorsque le zoom avant et captionAndToolbarAutoHideDelay = 0.
• Mise à jour vers jQuery Mobile 1.0 RC2
• Mise à niveau Code.Util à 1.0.6

Ce qui est nouveau dans la version 2.1.1:

• jQuery 1.6.3 Mise à niveau des bibliothèques, jQueryMobile 1.0 b3, Code.Util 1.0.3
• Deux nouveaux exemples: '10 -image-méta-data.html 'et '11 -custom-captions.html'
• Correction d'un problème lors de la frappe sur le bouton de retour ou échapper à la clé lors d'un zoom
• Correction d'un problème 112 et 79 relatifs aux images ne montrant pas
• Correction d'un bug lors de la fermeture PhotoSwipe lorsque l'utilisateur a un zoom avant sur l'image
• Ajout de nouveaux événements: onBeforeZoomPanRotateShow, onZoomPanRotateShow, onBeforeZoomPanRotateHide, onZoomPanRotateHide, onZoomPanRotateTransform
• Meilleure gestion lorsque les images sont introuvables

Quoi de neuf dans la version 2.0.0:

• Être capable de glisser et & quot; SNAP & quot; en place de l'image suivante et précédente plutôt que de simplement glisser.
• Groupe ensembles d'images sur une page et de les exécuter au sein de leur propre instance de PhotoSwipe.
• marge configurable entre les images.
• Fournir votre propre HTML pour la barre d'outils.
• les boutons Suivant et Précédent Allez à l'image directement par défaut (pas d'animation) .C'est exactement comme iOS. Il est bien sûr configurable.
• Support de base de molette de la souris pour se déplacer entre les images précédentes et suivantes.
• Lire le diaporama avec le & quot; entrer & quot; clé.
• Démarrage automatique en mode diaporama.

Quoi de neuf dans la version 1.0.19:.

• Correction d'un problème avec Util.DOM.removeClass
• Typo dans events.html corrigée.
• Ajout de salut-res css dedection comme la façon dont jQuery Mobile fait.

Ce qui est nouveau dans la version 1.0.18:

• Maintenant dimensionnée correctement si votre corps HTML a un rembourrage sur il
• fixe émis avec jQuery et en écoutant les événements PhotoSwipe - a été jeter un & quot; trop de récursivité & quot; erreur
• ont dû changer la façon dont vous écoutez événements. Utilisation & quot; Code.PhotoSwipe.Current.addEventHandler & quot; pas Code.PhotoSwipe.Current.addEventListener. Ceci est lié à la correction ci-dessus
• Mise à jour vers jQuery 1.6.2
• Mise à jour vers jQuery Animate v0.76 Enhanced

Ce qui est nouveau dans la version 1.0.17:

• Correction de problèmes avec & quot; events.html & quot; par exemple.

Quoi de neuf dans la version 1.0.15:

• Correction de problèmes avec le nouveau gestionnaire d'événement. Le contrôle du clavier devrait fonctionner à nouveau dans le non-jQuery la version.
• Changement Ajouté à une question réutilisation rapportés avec jQuery Mobile.
• Encore une fois, si vous rencontrez des problèmes associés aux événements / choses à ne pas tirer s'il vous plaît revenir à v1.0.13 et signaler le problème.

Quoi de neuf dans la version 1.0.14:

• & quot; Double Tap & quot; de zoom et un panoramique autour d'une image désormais travailler dans IE9.
• Réécriture majeure de la façon dont les événements sont gérés en interne.

Ce qui est nouveau dans la version 1.0.12:.

• Correction de problèmes avec Chrome 12
• Ajout de nouveaux événements & quot; suivantes onCaptionEndToolbarShow & quot; et & quot; onCaptionEndToolbarHide & quot;.
• Correction problème avec poste de légende lorsqu'il est placé au fond.
• Événements passer maintenant valeur cible (doivent toujours égaler l'instance actuelle de PhotoSwipe).
• Ajout d'une nouvelle & quot; aide-méta-data.html & quot; par exemple.
• Mise à jour de jQuery Animate v0.75 améliorée.

Quoi de neuf dans la version 1.0.11:

• Vitesse panoramique avec des images agrandies dirige maintenant à vitesse correcte .
• Ajout maximales et de zoom minimale de l'utilisateur paramètres.
• Si maintenant jouer gentiment si y compris MooTools.

Exigences :

• JavaScript côté client