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 !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
Neophyte1713   16-05-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

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Vinz42   16-05-2008 à 13:46:41
- 0 +

image.zoom(3x);

Message cité 1 fois
------------------------------ Don't panic!
mouths91 à dit : "[...]des rageux comme kelnem"
 Répondre à Vinz42
tracks@idn   16-05-2008 à 13:55:58
- 0 +

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

Répondre à tracks@idn
Neophyte1713   16-05-2008 à 13:56:22
- 0 +

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
tracks@idn   16-05-2008 à 14:02:19
- 0 +

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.

Message cité 1 fois
Répondre à tracks@idn
Neophyte1713   16-05-2008 à 14:08:42
- -1 +

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
tracks@idn   16-05-2008 à 14:36:21
- 0 +

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


Code :
  1. <html>
  2. <head>
  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-http://www.jejavascript.net/
  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>
  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>
  54. </body>
  55. </html>

Message cité 2 fois
Répondre à tracks@idn
Vinz42   16-05-2008 à 14:40:18
- 1 +

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
Neophyte1713   16-05-2008 à 15:03:28
- 0 +

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
Créer un nouveau sujet Répondre
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.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,297 secondes
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