login
administrateur
login
Le 17 mai 2013 à 21 h 28 min   

Description: Ce script vous permet d’agrandir une partie d’une image en déplaçant votre souris dessus. Une zone de loupe apparaît à côté de l’image à afficher et l’image est agrandie sur demande. L’utilisateur peut effectué des niveaux de zoom différents en utilisant la molette de la souris

Capture

Ajoutez le code ci-dessous dans la section <head> de votre page:

Insérez le code ci-dessous dans la section <body> de votre page

Ajoutez le code javascript ci-dessous dans la section <head> de votre page:

Ajoutez le code css ci-dessous dans la section <body> de votre page:

Ou bien copier la ligne ci-dessous dans la section <head> de votre page:

jszip

David LAURENT

5 Comments »

  1. Bonjour,

    Etant novice en la matière je me permet de vous poser une petite question, je m’explique; J’arrive à implémenter le script mais j’ai un problème avec la box de zoom. Sur certaine page la composition me permet de la voir apparaître correctement, mais tantôt sur d’autres faute de « place », c’est la débandade, j’en vois un bout et ce quand j’ai de la chance. Il y aurait pas un moyen de faire suivre la box au niveau de la souris comme ça peut se voir sur certain site de vente ?

    Cordialement.

    Commentaire by Tétraèdre — 29 mai 2014 à 17 h 49 min

  2. Bonjour,

    Ce serait plus dans ce style là ?

    http://bbcode.fr/viewtopic.php?f=14&t=32&sid=75638b53494e33b9d0a83de8a3a0b13a

    Commentaire by administrateur — 30 mai 2014 à 16 h 48 min

  3. Bonjour,

    Je ne le voyais pas comme ça, mais oui au final ça serait plus efficace. Mais je suis incapable de réaliser par moi même un tel script…

    Commentaire by Tétraèdre — 31 mai 2014 à 11 h 50 min

  4. Bonsoir,

    Sur cette page, le fichier zippé. (http://webinnov.fr//blog/news/2013-05-17/Zoom_Survol/index.htm)

    J’espère que cela pourra vous convenir

    Bonne soirée

    Commentaire by administrateur — 31 mai 2014 à 17 h 40 min

  5. Merci beaucoup pour votre coup de pouce !

    Bonne soirée.

    Commentaire by Tétraèdre — 12 juin 2014 à 17 h 26 min

RSS feed for comments on this post. TrackBack URL

Leave a comment

Vous devez être connecté pour publier un commentaire.

Propulsé par WordPress   |   Personnalisé par Webinnov
Haut de page