11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'utilise "nanogalery2" sur mon site Web. Après un zoom avant (et éventuellement après avoir déplacé l'image en maintenant le clic enfoncé), l'image n'est pas recentrée lors d'un zoom arrière. Ainsi, lors d'un zoom arrière, l'image peut disparaître.

J'aimerais que l'image soit recentrée lors d'un zoom arrière.
Quelqu'un peut-il m'aider à trouver une solution pour résoudre cela?

Vous pouvez voir le problème avec n'importe quelle démo sur le site Web du concepteur :
https://nanogallery2.nanostudio.org/#nanogallery/nanogallery/people/people%2FPhoto%20by%20Jurica%20Koleti%C4%87

J'ai créé un codepen qui reproduit le problème avec le code d'origine afin de tester des solutions :
https://codepen.io/negtrick/pen/RwMJJMQ

Vous pouvez voir le comportement dont j'ai besoin ici (image centrée lors d'un zoom arrière) ici (cliquez sur "Activer le diaporama en plein écran") :
https://www.jqueryscript.net/demo/Fullscreen-Product-Slideshow-with-Image-Zoom-Pan-Ap-Image-Fullscreen/