Deep Zoom transforme une photo en lightbox cliquable dans laquelle on peut zoomer profond : scroll ou drag pour explorer chaque détail, comme un visionneur photo natif, pensé pour le web.

L’image du canvas et celle de la lightbox sont deux champs séparés : le gros fichier ne se charge qu’à l’ouverture. La lightbox se cale au ratio de la photo (Fit to Image, sans bandes) ou prend une taille fixe, avec une animation spring à l’ouverture et à la fermeture. Pour un zoom directement dans le layout sans lightbox, voir le composant frère Deep Zoom Inline.

Lightbox et image

• Image canvas et image haute résolution séparées, le gros fichier charge à l’ouverture

• Fit to Image colle la boîte au ratio de la photo, ou Width/Height fixes

• Radius natif appliqué au plus près de la photo, animation spring d’ouverture

• Effet de scale au hover optionnel avant l’ouverture

Zoom et navigation

• Scroll pour zoomer pile sous le curseur, drag pour se déplacer

• Pinch-to-zoom et pan à un doigt sur mobile

• Boutons +/−, contrôles clavier, pourcentage de zoom en direct

• Minimap draggable, bouton de download pleine résolution optionnel

Overlay et fermeture

• Couleur et blur de l’overlay réglables, ou mode transparent

• Fermeture à l’Escape, au bouton, ou au clic extérieur

• Navigation clavier complète avec focus piégé et restauré au déclencheur