Créer des galeries photo personnalisées aussi facilement qu’un dieu (en l’occurrence Proteus)

Description rapide

ProteiStyl’ Photo Gallery est un module additionnel (plugin) html5 pour krpano conçu pour afficher des photographies ‘classiques’ et/ou des vidéos au sein d’une visite virtuelle. La ‘philosophie’ de ce plugin est d’aller au-delà de la (trop) classique présentation « vignettes + 1 photo » dans un même espace. Ainsi, ce plugin offre deux modes d’affichage distincts : une ‘galerie grille’ qui affiche seulement des vignettes mais donne une vision d’ensemble de toutes les photos de la galerie, et une plus classique ‘galerie défilable’ qui affiche une à une des photos en grand format. En cliquant sur les photos (ou en utilisant le bouton ‘retour’ si la fonctionnalité de zoom est activée), on passe facilement d’une présentation à une autre.

Une autre particularité importante de ce plugin est le fait que presque tous les éléments affichés à l’écran sont personnalisables. En effet, des apparences/ambiances de galerie très diverses peuvent être crées facilement à l’aide d’un EDITEUR qui offre la possibilité de voir l’effet d’un changement de paramètre en direct.

De plus, l’EDITEUR génère le code xml correspondant ; ainsi, presque aucune compétence en programmation (de krpano) n’est nécessaire !

Principales fonctionnalités

• Affichage adaptatif (‘responsive’) à la fois pour la galerie grille et la galerie défilable.
• Personnalisation avancée de l’apparence (positions, tailles relatives, couleurs, opacité, police de caractère modifiables pour presque tous les éléments).
• Présence d’un ÉDITEUR graphique facile à utiliser pour mieux choisir ces propres paramètres de  personnalisation. L’EDITEUR génère également le code xml correspondant aux paramètres choisis.
• Paramétrage indépendant pour chacune des galeries : des apparences de galeries très différentes peuvent être choisies au sein d’une même visite virtuelle.
• Prise en charge de n’importe quelle taille/résolution ou ratio L/H des images source (réduction à l’affichage automatique). De plus, dans la galerie défilable, les images ne sont jamais (par défaut) agrandies au-delà de leur résolution d’origine.
• Différentes orientations et/ou ratios d’images peuvent être utilisés dans une même galerie. Une fonctionnalité de recadrage automatique peut être utilisée pour uniformiser l’orientation et/ou le ratio.
• Prise en charge de 4 niveaux de résolution pour les images source JPG/PNG/GIF : les images ‘normales’ (.ext) sont utilisées pour l’affichage en grand dans la galerie défilable, les vignettes (_s.ext) sont utilisées pour l’affichage dans la galerie grille. Même distinction pour les dispositifs mobiles : les images plus petites pour mobiles (_m.ext) sont utilisées pour l’affichage en grand dans la galerie défilable, des vignettes pour mobiles (_ms.ext) sont utilisées pour l’affichage dans la galerie grille.
• Génération automatique de ces 4 niveaux de résolution via un DROPLET.
• Vérification possible de l’existence des vignettes et images plus petites (_s.ext, _m.ext, _ms.ext ; si elles sont manquantes, les images ‘normales’ sont utilisées). Cette vérification automatique est désactivée par défaut. (Si les images normales sont en haute résolution, la présence des vignettes est vivement conseillée).

• Prise en charge des vidéos (lecteur html5 intégré et Vimeo, Youtube, autre…).
• Processus de pré-chargement des images progressif; le comportement par défaut est le suivant :
  • Pour la galerie grille: seules les vignettes (_s.ext ou  ext) des galeries présentes dans le panorama/scène en cours de visite nécessaires pour couvrir l’espace d’affichage sont pré-chargées. Les autres vignettes sont progressivement chargées lors du défilement vers le bas de la galerie grille.
  • Pour la galerie défilable: les images plus grandes (.ext ou _m.ext) ne sont pas pré-chargées (sauf la 1^ère image de la galerie) ; Llors de l’ouverture d’une image à partir de la galerie grille, celle-ci est chargée, puis , sur ordinateur ‘de bureau’, les 2 images suivantes et précédentes sont pré-chargées (sur les dispositifs mobiles, seule l’image suivante est pré-chargée).
  • Les processus de pré-chargement pour la galerie grille et la galerie défilable peuvent être indépendamment activés/désactivés
• Divers mode d’intégration dans la visite virtuelle (à l’aide de layer, hotspot, map spot ou scène).
• Nombre illimité d’images par galerie ; nombre illimité de galeries par pano/scène (limitations matérielles éventuelles – cpu, mémoire – de l’appareil de lecture).
• Double prise en charge de titres d’images (titre court / titre secondaire) avec possibilité de les modifier directement dans l’EDITEUR.
• Messages d’aide à l’utilisation (affichés une seule fois à l’ouverture d’une première galerie) avec un support multilingue
• Prise en charge de musique d’ambiance.
• Fonctionnalité de diaporama intégrée (défilement automatique des images avec minuterie personnalisable).
• Fonctionnalité de zoom intégrée.
• Compatibilité avec les visites virtuelles générées par PANOTOUR PRO. (Cliquer ici pour un exemple de galeries dans une visite virtuelle générées par Panotour Pro)
  

Exemple simple

Seulement 1 galerie ‘par défaut’ dans un panorama unique
(ensemble de paramètres par défaut =pspg_default)

CLIQUER SUR L’IMAGE CI-DESSOUS (ouvre un nouvel onglet)

Cliquer ici pour le même exemple avec l’ensemble de paramètres par défaut = pspg_minimal

Exemple Styles/Couleurs

Exemple pour montrer les différents styles et couleurs possibles pour les boutons de l’interface
(ensemble de paramètres par défaut = pspg_full)

CLIQUER SUR L’IMAGE CI-DESSOUS (ouvre un nouvel onglet)

Exemple EDITEUR

CLIQUER SUR UNE DES IMAGES CI-DESSOUS (ouvre un nouvel onglet)

[L’ÉDITEUR n’est pas disponible sur les appareils mobiles]

Exemple vidéo

• Divers exemples de support vidéo
• Vidéo Youtube/Vimeo/Dailymotion ou autre
• Lecteur vidéo intégré pour les vidéos ‘locales’
• Mélangées avec des photos ou non
• Dans une galerie complète/ galerie ‘grille’ seulement /galerie ‘défilable’ seulement
• Mode vidéo (pour 1 vidéo seule)

CLIQUER SUR L’IMAGE CI-DESSOUS (ouvre un nouvel onglet)

Exemple complexe

• Galeries multiples dans une visite virtuelle complète.
• Démo de l’intégration de galeries en utilisant un bouton (layer), un hotspot ou une scène.
• Démo de l’utilisation d’un unique bouton pour ouvrir des galeries différentes.
• Démo d’une ‘galerie permanente’.
• Démo des différents mode de galerie (complète, grille seulement, défilable seulement).
  
• Exemples de quelques unes des diverses apparences possibles pour les galeries (créée avec l’EDITEUR).

CLIQUER SUR L’IMAGE CI-DESSOUS (ouvre un nouvel onglet)

Documentation

Documentation courte (5 pages)

Documentation complète (34 pages)

Téléchargement / Achat

Dernière version : v 2.3.3 (1er octobre 2023)     (voir historique des versions)

L’archive zip de la VERSION DÉMO contient un exemple simple (tour.html utilisant tour.xml) et un exemple ‘video’ (video.html utilisant video.xml).

Veuillez à bien indiquer lors de l’achat le même nom ET la même adresse e-mail utilisés pour votre licence krpano.
Vous pouvez vérifier ces informations à l’aide de l’application “krpano Tools” (onglet ‘Settings’, puis bouton ‘Registration Information’).

Après le paiement, vous recevrez votre fichier de licence personnelle dans votre boite mail dans un délai max. de 48 heures (les jours ouvrables).
(Merci de me contacter pour utiliser un autre moyen de paiement autre que paypal).

Tous les fichiers nécessaires au plugin (ÉDITEUR inclus) sont situés dans le dossier ‘pspg_gallery_data’ dont la taille est ~1.37Mo, mais tous les fichiers qu’il contient ne sont pas forcément utilisés en même temps par le plugin. 
Le poids total des fichiers chargés pour le lecteur seul est compris entre 109Ko et 413Ko max. en fonction de la configuration des galeries.

Installation / Mise à jour

Installation

Voir la documentation courte.

Mise à jour

Télécharger la dernière version démo du plugin, puis remplacer le dossier ‘pspg_gallery_data’ de votre projet par le même dossier de la nouvelle version.