Agrandissement de photos avec les div

Bonjour,
j'ai vu sur un site que l'on pouvait agrandir les photos au passage de la souris à la taille voulu.
Il y a déjà des scripts en javascript qui font ça mais je me demandais si en CSS ça ne serait pas plus simple (et mieux pour le référencement).

Je vais ouvrir un site immobilier donc je pense mettre 5 6 photos d'un appartement par exemple et quand l'utilisateur passe sur une photos...la photo s'affiche au milieu de la page en 800x600 par exemple.

merci d'avance

Bonjour,

il y a plusieurs pistes dans les tutos, exemple:
http://css.alsacreations.com/Tutoriels-et-articles-divers/Faire-une-zone-reactive-image-map-en-CSS
http://css.alsacreations.com/Tutoriels-et-articles-divers/Afficher-Masquer-des-calques-sans-javascript

L'avantage est que sans JS, cela fonctionne encore (forcément) mais il existe aussi des solutions utilisant JS de manière non obstrusive (sans JS, le clic ouvre l'image en plein écran tout simplement; avec JS c'est un pop-up ou "par-dessus" la page enfin pas terrible d'un point de vue accessibilité très souvent). Du point de vue du référencement ça ne change pas grand chose du moment que le JS est non obstrusif (pour le visiteur ET le moteur de recherche )

hum oui c'est l'exemple 2 qui m'interesse mais il faut faire des zones et vu mon exemple ce n'est pas des zones dont j'ai besoin.
Et maintenant une bonne partie des gens bloquents les pop up

Salut jiojio,

Zone ou pas zone peu importe, il suffit de comprendre comment utiliser :hover d'après ces exemples ou d'autres, puis d'adapter.

Ceci dit, je te conseille plutôt une solution javascript. En voici qui à l'air pas trop mal et qui pourrait te convenir peut-être : http://moncastel.9online.fr/gimg/gimg.htm
Modifié par Alan (23 Jan 2007 - 13:57)

ou alors dans ce style là http://www.nexim-immobilier.com/ (allez dans LOCATION par exemple et lire la fiche complete)