Zoom intelligent

Zoom intelligent sur image

On a parfois besoin de zoomer sur une image plus que ne le propose TOWeb. C'est à dire utiliser un zoom intelligent.

Celui-ci s'utilise avec la roulette pour zoomer ou dézoomer et le clic gauche maintenu pour se déplacer dans la fenêtre à la manière de Google Map.

Vous téléchargez d'abord ce fichier . Le reste se fait dans TW. Vous créez un champ html, vous y écrivez ceci,



Le fichier "Votreimage.jpg" et le "Nom de l'image" sont à modifier suivant vos données.

Dans les fichiers additionnels (le dossier _fields), vous y mettez l'image et le fichier wheelzoom.js téléchargé ci-dessus .

Vous créez autant de champs que d'images à traiter, mais (il y a souvent un 'mais'), on ne peut utiliser qu'un seul champ par rubrique (page web). Le fichier wheelzoom.js n'est à mettre qu'une seule fois dans les fichiers additionnels.

Avantage: l'image reste zoomée quand la souris n'est plus dessus.

Inconvénient: l'image n'est pas responsive.


Image test

Taille de l'image  8991 x 5057 px


Min coin


un petit jeu,
retrouvez l'extrait de l'image zoom x300%  141 x 81 px

Seuls 2 cookies sont proposés en plus du cookie fonctionnel, Google Analytics et Facebook. Ils sont désactivés par défaut

Google Analytics

Google Analytics est un service utilisé sur notre site Web qui permet de suivre, de signaler le trafic et de mesurer la manière dont les utilisateurs interagissent avec le contenu de notre site Web afin de l’améliorer et de fournir de meilleurs services.

Facebook

Notre site Web vous permet d’aimer ou de partager son contenu sur le réseau social Facebook. En l'utilisant, vous acceptez les règles de confidentialité de Facebook: https://www.facebook.com/policy/cookies/