Votre question

Zoom des images au passage de la souris

Tags :
  • Zoom
  • Programmation
Dernière réponse : dans Programmation
16 Mai 2008 13:32:41

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

16 Mai 2008 13:46:41

image.zoom(3x);
16 Mai 2008 13:55:58

C'est en quoi, flash ? js ? autre chose
Contenus similaires
16 Mai 2008 13:56:22

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?
16 Mai 2008 14:02:19

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.
16 Mai 2008 14:08:42

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
16 Mai 2008 14:36:21

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/" rel="nofollow" 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>
16 Mai 2008 14:40:18

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...
16 Mai 2008 15:03:28

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
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS