11550 sujets

JavaScript, DOM et API Web HTML5

Salut!
J'crois bien que c'est possible mais malgré mes quelques bidouillages, je n'y arrive pas! Donc je m'explique. J'aimerai assez simplement (tout est relatif lol) que lorsque ma souris passe sur mon image (réduit à l'occasion), que celle-ci s'affiche à sa taille normale dans une fenêtre popup. En effet si je ne l'a fait pas apparaître dans une nouvelle fenêtre, il y a un décalage des images (...) sur mon site qui est pas très propre. De plus, j'aimerai que cette fenêtre s'enlève lors d'un onmouseout.

Pour l'instant mon code se résoud à ça:
<img src="_img/retouches photos/65.png" WIDTH=50 HEIGHT=50 ALIGN=bottom onmouseout="this.height=50; this.width=50" onmouseover="this.height=400; this.width=400"> <br/>


Ce qui crée donc un beugue si j'veux mettre plus d'une image...


Vous croyez que c'est possible donc?
J'espère ne pas en demander trop. Merci!
Modifié par shiryu (01 Sep 2009 - 21:05)
Salut !

Evidemment, avec ce code tu vas pas créer une popup comme ça. Là tu ne fais que changer la taille de ton image. Pour créer une popup, tu dois utiliser la fonction window.open(). Je te laisse voir pour les arguments : http://www.toutjavascript.com/reference/reference.php?iref=204

En fait, ça va ouvrir une nouvelle page dans une popup. Le but, c'est d'arriver à mettre ton image sur la nouvelle page. Ensuite, tu n'auras qu'à faire un window.close() sur l'event onMouseOut.

Voilà !
Oui j'avais compris qu'avec ce code c'était pas possible pour la fenêtre (...). ^^
En tout cas merci à toi j'vais essayer de trafiquer tout ça!