Bonjour,
Je souhaite créer une page web avec quelques photos en taille réduite.
Et je souhaite qu'à chaque fois que j'en survole une, celle-ci s'agrandit et occupe le milieur de la page... pas l'intégralité mais une partie... comme ça, quand je bouge la souris, l'image agrandie disparaît...
Est-ce réalisable ?
Merci pour votre aide !
 

C'est réalisable, oui, le mieux étant de t'appuyer sur une librairie JS comme JQuery.
Il faut bien sûre une bonne base en XHTML/CSS/JS !

Sinon, ce que tu proposes n'est pas top d'un point de vue ergonomique, c'est pas très intuitif le coup du "bouger la souris"... pars sur une logique de clic, ou alors garde cette idée mais met un temps de survol minimum avant de déclencher l'agrandissement, sinon ça risque d'être chaotique, surtout si le centre de l'image zoomé n'est pas le même que celui de la vignette !

T'as pas forcement besoin de JS, avec les pseudo-classes du CSS tu peux déjà le faire ( hover / blur ) et si en plus tu es en HTML5/CSS3 avec les transitions tu peux faire un truc sympa sans problème

Merci à vous pour vos réponses.
J'ai bien trouvé un lien (http://css.mammouthland.net/zoomer [...] ec-css.php) mais je ne vois pas où mettre le img:hover ...    
J'ai dû louper un truc.

Finalement, j'ai trouvé un code qui fonctionne : http://batraciens.net/css-astuces/ [...] l-zoom.htm
Par contre, lorsque je survole une image, elle s'agrandit et "pousse" les autres.
L'effet que je cherche, c'est plutôt une image qui s'agrandit au milieu de l'écran et se superposant au-dessus du site...
Bon, suis-je assez clair dans ma description ?  

Tu le met en position absolute avec un z-index le plus grand et ça sevrait le faire