Agrandir image dans popup au survol de la souri

josé99

Posté le 22/10/2008 @ 14:34

Bonjour ,

voila après deux jours de recherche je me décide a demander de l'aide. J'ai une petite image (vignette) et je souhaite lorsque l'on survol la vignette que celle ci s'agrandissent dans une popup , celle ci dois se fermée lorsque l'on ne survole plus la vignette. J'ai essayé pas mal de truc mais sans rien qui va. Je sais qu'il faut suprement utiliser OnMouseOver et OnMouseOut mais je n'y arrive pas. Je ne souhaite pas que cela fasse un effet de zoom progressif mais bien un agrandissent direct. Autre détail je vais utiliser le lien dans une page PHP donc je sais qu'il y a des problèmes avec les caracteres d'echappement (' ") etc..

Merci pour toutes informations que vous pourrez m'apporter.

elle

Posté le 22/10/2008 à 15:44

Grande Maîtresse astucienne

Tu peux le faire en CSS. Regarde ici pour des exemples :

http://www.cssplay.co.uk/menu/

http://www.capdagde-location.com/

josé99

Posté le 23/10/2008 à 22:01

Merci désolé pour la reponse tardive mais je faisait des tests. Les liens que tu me donnent c'est avec du CSS hors je souhaite utiliser du Javascript avec mes pages qui sont en PHP.

J'ai trouve avec ommouseover et onmouseout ce qu'il me faut mais j'ai un problème de DIV car j'ai deux vignettes cote a cote qui s'affichent en grand lorsque l'on survol l'une ou l'autre et il faudrait que mon image survolée s'agrandisse dans deux div independants de ma page afin qu'ils ne decalent pas tout.. Je dois surement regarder ver z-index position en couche mais je ne connait pas trop. Je suis preneur de toute idee.

Merci

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

133,18 €

Imprimante 3D Creality Ender 3 à 133,18 € avec le code BGbec4d6 (stock Europe)
Valable jusqu'au 18 Avril

Banggood fait une belle promotion sur l'imprimante 3D Creality Ender 3 à 133,18 € livrée en France (avec l'assurance) avec le code BGbec4d6. On la trouve ailleurs autour de 180 €. L'imprimante est expédiée depuis un stock Europe (en République Tchèque). Elle sera donc rapide et vous êtes sûr de ne pas avoir de douane.

La Creality Ender 3 est l'une des machines les plus populaires actuellement sur le marché. Et pour cause. Elle dispose d'un volume d’impression de 220 x 220 x 250 mm, est équipée d'un plateau chauffant inspiré du BuildTak, d'un écran LCD et offre des fonctionnalités pratiques comme la reprise de l'impression après une coupure de courant ou le conduit pour le filament étroit. L'imprimante 3D est facile à assembler et le calibrage est aisé grâce aux gros boutons.

> Voir l'offre

Gratuit

Jeu PC Deponia: The Complete Journey gratuit
Valable jusqu'au 24 Avril

Epic Game Store offre actuellement le jeu PC The First Tree. Deponia est un jeu d'aventure de type point & click disponible sur PC. Aidez Rufus à quitter la planète poubelle de Deponia afin d'atteindre Elyseum, une planète de rêve. En chemin, celui-ci rencontre la jolie Goal, et compte bien s'en servir pour parvenir à ses fins.

> Voir l'offre

69,90 €

Routeur TP-Link Archer AX10 WiFi 6 à 69,90 €
Valable jusqu'au 18 Avril

Amazon fait une promotion sur le routeur TP-Link Archer AX10 WiFi 6 qui passe à 69,90 € au lieu de 80 €. La livraison est gratuite. L’Archer AX10 de TP-Link embarque la technologie WiFi 6 (802.11ax) qui permet de passer à la vitesse supérieure (1.5 Gbps) tout en étant rétro-compatible avec les normes WiFi 802.11a/b/g/n/ac. Doté de 4 antennes Wi-Fi et capable de prendre en charge la technologie 1024 QAM et les canaux 160 MHz, l'Archer AX10 est aussi pourvu d'une prise WAN 1 GbE et de 4 ports Ethernet Gigabit. Les nombreux appareils connectés peuvent ainsi bénéficier de la meilleure connexion possible en toute fluidité.

> Voir l'offre