Bonjour,

L'application Phptps de Windows offre deux fonctionnalités très intéressantes.

Taille de l'image modifiable avec la molette.

Déplacement de l'image au clic droit enfoncé dès que l'image dépasse de son cadre.

J'aimerais les mêmes fonctions dans un Carroussel HTML / CSS.

Ce codepen montre le code HTML et CSS que j'aimerais ne pas changer.

Premier problème, si je veux que toutes les images soient zoomable, je suppose qu'il faut remplacer :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
const tutti = document.querySelector ('figure > img')
par
Code : Sélectionner tout - Visualiser dans une fenêtre à part
const tutti = document.querySelectorAll ('figure > img')
Puis faire une boucle :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
for (let i = 0; i < tutti.length; i++)
De façon très bizarre je n'arrive pas à faire fonctionner cette boucle.

Avez-vous idée d'une solution ?

Merci d'avance.