Tom's Guide > Forum > Programmation > Zoom des images au passage de la souris

Zoom des images au passage de la souris

Forum Programmation : Zoom des images au passage de la souris

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour,

J'ai un défilement d'image réduites sur le haut de mon site et, je voudrais que lorsque on passe la souris sur une image, qu'elle s'agrandisse et, que si on clique dessus que ça nous amène sur une page voulue!


J'ai déjà le défilement des images et les images se stoppent au passage de la souris!

Il me faut donc plus que ce petit zoom! :-)

Merci d'avance!

Neophyte

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

image.zoom(3x);

------------------------------ Don't panic!
mouths91 à dit : "[...]des rageux comme kelnem"
Répondre à Vinz42

C'est en quoi, flash ? js ? autre chose

Répondre à tracks@idn

Vinz42 a écrit :

image.zoom(3x);




Merci mais est ce que tu pourrais me donner un peu plus d'info stp?

J'ai utilisé ce code:

<marquee onmouseover="this.stop();" onmouseout="this.start();" DIRECTION="left" SCROLLDELAY="10">
<a href="mon lien"><img src="images/image.jpg" alt="" height="150" width="150" /></a>


Comment je dois incérer le zoom?

Répondre à Neophyte1713

Citation :

et, que si on clique dessus que ça nous amène sur une page voulue!



<a href="mon lien"><img src="images/image.jpg" alt="" height="150" width="150" /></a>

remplace ca par l'adresse de la page que te souhaite.

Répondre à tracks@idn

tracks@idn a écrit :

Citation :

et, que si on clique dessus que ça nous amène sur une page voulue!



<a href="mon lien"><img src="images/image.jpg" alt="" height="150" width="150" /></a>

remplace ca par l'adresse de la page que te souhaite.



heu... oui je sais mais ce n'est pas là le souci! :heink:

c'est pour le zoom que je veux! lol

Répondre à Neophyte1713

petit impertinent, j'aiurais du te laisser aux mains de Vinz !


Code :
  1. <html>
  2. <head>
  3. <script language="JavaScript">
  4. <!--
  5. if (parent.frames.length > 0)
  6. window.top.location.href = location.href;
  7. //-->
  8. </script>
  9. <script language="JavaScript">
  10. <!--
  11. //PLF-http://www.jejavascript.net/
  12. var coeff=4;//Coefficient de reduction
  13. var larg=454;//largeur maxi de l'image
  14. var haut=295;//hauteur maxi de l'image
  15. var coeffinit=coeff;
  16. function changer() {
  17. if (document.image.width < larg) {
  18. coeff = coeff-0.2;
  19. document.image.width = Math.round(larg/coeff);
  20. document.image.height = Math.round(haut/coeff);
  21. chang=window.setTimeout('changer();',60);//vitesse de l'effet
  22. }
  23. else {window.clearTimeout(chang);}
  24. }
  25. function initial() {
  26. if (document.image.width > larg/coeffinit) {
  27. window.clearTimeout(chang);
  28. coeff = coeff+0.2;
  29. document.image.width = Math.round(larg/coeff);
  30. document.image.height = Math.round(haut/coeff);
  31. initi=window.setTimeout('initial();',60);//vitesse de l'effet
  32. }
  33. else {window.clearTimeout(initi);}
  34. }
  35. //-->
  36. </script>
  37. </head>
  38. <body>
  39. <div align="center">
  40. <a name="img"></a>
  41. <marquee onmouseover="this.stop();" onmouseout="this.start();" DIRECTION="left" SCROLLDELAY="10">
  42. <a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="ton_image.jpg" border="0" name="image"></a></div>
  43. <script language="JavaScript">
  44. <!--
  45. document.image.width = Math.round(larg/coeff);
  46. document.image.height = Math.round(haut/coeff);
  47. //-->
  48. </script>
  49. </body>
  50. </html>

Répondre à tracks@idn

tracks@idn a écrit :

petit impertinent, j'aiurais du te laisser aux mains de Vinz !


je te ne le fais pas dire...

me demander des infos supplémentaires, alors que mon post avait pour but de montrer qu'il manquait justement des infos...

------------------------------ Don't panic!
mouths91 à dit : "[...]des rageux comme kelnem"
Répondre à Vinz42

tracks@idn a écrit :

petit impertinent, j'aiurais du te laisser aux mains de Vinz !



Et pourquoi ça?? Oo je n'ai rien fait de mal!

Par contre j ai testé ton code et ça ne zoom pas! donc je ne sais pas si j ai fais quelque chose de faux mais j ai copié collé et mis mon image!

L'image défile et stop comme avant mais rien de plus!

D'où vient le problème??

Merci

Répondre à Neophyte1713
Tom's Guide > Forum > Programmation > Zoom des images au passage de la souris
Aller à :

Il y a 2179 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens