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
un petit jeu,
retrouvez l'extrait de l'image zoom x300% 141 x 81 px
