Se connecter avec
S'enregistrer | Connectez-vous

Zoom des images au passage de la souris

Dernière réponse : dans Programmation

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

Autres pages sur : zoom images passage souris

Lassé par la pub ? Créez un compte

Vinz42 a dit :
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?
Expert Programmation

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.

tracks@idn a dit :
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
Expert Programmation

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


  1. <html>
    

  2. <head>
    

  3.  
  4. <script language="JavaScript">
    

  5. <!--
    

  6. if (parent.frames.length > 0)
    

  7. window.top.location.href = location.href;
    

  8. //-->
    

  9. </script>
    

  10. <script language="JavaScript">
    

  11. <!--
    

  12. //PLF-<a href="http://www.jejavascript.net/" target="_blank">http://www.jejavascript.net/</a>
    

  13. var coeff=4;//Coefficient de reduction
    

  14. var larg=454;//largeur maxi de l'image
    

  15. var haut=295;//hauteur maxi de l'image
    

  16. var coeffinit=coeff;
    

  17. function changer() {
    

  18. if (document.image.width < larg) {
    

  19. coeff = coeff-0.2;
    

  20. document.image.width = Math.round(larg/coeff);
    

  21. document.image.height = Math.round(haut/coeff);
    

  22. chang=window.setTimeout('changer();',60);//vitesse de l'effet
    

  23. }
    

  24. else {window.clearTimeout(chang);}
    

  25. }
    

  26. function initial() {
    

  27. if (document.image.width > larg/coeffinit) {
    

  28. window.clearTimeout(chang);
    

  29. coeff = coeff+0.2;
    

  30. document.image.width = Math.round(larg/coeff);
    

  31. document.image.height = Math.round(haut/coeff);
    

  32. initi=window.setTimeout('initial();',60);//vitesse de l'effet
    

  33. }
    

  34. else {window.clearTimeout(initi);}
    

  35. }
    

  36. //-->
    

  37. </script>
    

  38.  
  39.  
  40. </head>
    

  41. <body>
    

  42. <div align="center">
    

  43. <a name="img"></a>
    

  44. <marquee onmouseover="this.stop();" onmouseout="this.start();" DIRECTION="left" SCROLLDELAY="10"> 
    

  45. <a href="#img" onMouseOut="initial()" onMouseOver="changer()" ><img src="ton_image.jpg" border="0" name="image"></a></div>
    

  46. <script language="JavaScript">
    

  47. <!--
    

  48. document.image.width = Math.round(larg/coeff);
    

  49. document.image.height = Math.round(haut/coeff);
    

  50. //-->
    

  51. </script> 
    

  52.  
  53.  
  54. </body>
    

  55. </html>

tracks@idn a dit :
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...

tracks@idn a dit :
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
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde