Code Source pour effectuer un Zoom
fuk-san -
J'essaie en ce moment de trouver le code source pour un certain type de Zoom. J'ai déjà une sorte de mini-zoom, mais c'est pas celui-là que je cherche.
Vous savez, de nombreux sites ont celui qui permet de naviguer sur l'article pour visionner la partie que l'on souhaite.
Je sais pas si j'ai été assez clair, est-ce que vous voyez de quoi je parle.
Merci =)
42 réponses
- 1
- 2
- 3
Plusieurs participants cherchent à implémenter un zoom interactif sur image et à obtenir le code source correspondant à ShowZoom et PanView pour naviguer sur l’image et afficher une partie spécifique. Des réponses expliquent l’utilisation de l’événement onmouseover et la fonction ShowZoom, avec des exemples incluant des images et l’inclusion de fichiers PHP pour activer le zoom. Plusieurs échanges ajoutent des détails techniques sur le positionnement des div ZoomOver et ZoomBigImg, l’adaptation du code côté image principale et les ajustements pour les dimensions et le défilement. En dernier élément, l’exemple concret montre l’utilisation de balises HTML associées à onmouseover et l’intégration d’un fichier fonction_ShowZoom.php pour activer le zoom via PanView dans la page.
-
Pourrais-tu mettre un exemple ? (si tu en as bien sûr...)
-
Et bien voilà la fonction (ShowZoom(e)) qui permet de le faire : ici : http://www.cdiscount.com/Js/Product/Zoom.js
Tu as juste à mettre onmouseover="ShowZoom(event);" sur ton image et le tour est joué !! -
Parce qu'en fait quand je clique sur ton lien, le code à l'air vraiment complet.
Mais est-ce que je dois poser tout le code ou bien juste mettre " onmouseover="ShowZoom(event); " ? -
ben....tout évidement
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Tu as une image que tu veux zoomer, non ?
=> <img src="ton_image_que_tu_veux_zoomer.jpg" onmouseover="ShowZoom(event);" /> -
Bien sûr, ça tombe bien, je viens tout juste de retrouver le lien, je me disais bien qu'il manquait un bon exemple !!
Voilà :
https://www.cdiscount.com/pret-a-porter/vetements/jeans/l-1133018.html -
Ah ok merci beaucoup.
Juste une question: si je fais mon site en PhP, je peux le noter tel quel ? -
Ah ok =).
Mais en fait quand tu me dis que je dois mettre " onmouseover="ShowZoom(event) " dans mon image, ça veut dire que je dois faire une deuxième page qui fasse appelle à cette fonction ? Et " dans mon image" ça veut dire quoi ?
Merci -
-
Oui alors ce que j'ai fait c'est créer deux fichiers .php dans le même dossier.
Je les ai appelé " zoom.php" et " fonction_ShowZoom.php ". De plus, j'ai crée un dossier " images " ou je met toutes les images.
Ensuite dans la page Zoom, j'ai noté le code suivant :
" <img src="images/lettre.png" alt"Lettre_A" onmouseover="ShowZoom(event);" /> "
Et j'ai noté dans le fichier fonction_Show_Zoom.php tout le code que tu m'avais filé.
Est-ce que le lien est correct ?
Parce que l'image s'affiche mais aucun zoom.
Tu vois l'erreur ? -
Dans ta page page zoom.php, rajoutes ceci : <?php require('fonction_ShowZoom.php'); ?>
Voilà !
P.S. : c'est alt="Lettre_A" et non alt"Lettre_A" -
Ah ok je vois un peu. Par contre j'ai retapé le code corrigé (merci de ton aide) et une fois que j'ai fait l'appel de la fonction, quand je met en route la page, je vois l'affichage de la fonction dans son intégralité !
-
C'est à dire ? dans ton code source ou directement sur la page ?
-
Dans l'affichage de la page, une fois ouverte avec EasyPhP.
Dans le code source, je vois juste l'appel à la fonction, tu vois ? -
-
Bien sûr.
Voilà le code:
<html> <body> <img src="lettre.png" alt="Lettre_A" onmouseover="ShowZoom(event);" /> <?php require('fonction_ShowZoom.php'); ?> </body> </html> -
Tu veux dire que tu ne vois pas le code de fonction_ShowZoom.php ???
Si oui, c'est normal !!!
Mais ca marche bien ? -
bah en fait on dirait que l'appel a lieu parce que une fois que je regarde la page je vois pas le Zoom mais la fonction dans son intégralité. je t'explique, comme j'ai fait appel à la fonction qui se trouve sur la même page, ça devrait fonctionner, nan ?
-
-
- 1
- 2
- 3
