Aujourd'hui, j'ai fait du CSS. Super non ? Matt.rixx est en train de développer un gestionnaire de galleries photos, et pour utiliser les fonctions de redimensionnement des images intégrées aux navigateurs modernes (firefox et IE nottament proposent cette fonctionnalitée), il affiche les images dans une frame. Les frames c'est mal. Je me suis donc attelé à la réalisation d'un effet de zoom en pure CSS. Après plusieurs secondes d'intense réflexion (les médisants qui étaient présents diront que j'y ai passé quelques minutes, mais c'était sans compter les appels incessants de mes camarades de classe), j'ai pondu ça:

<html>
<head>
<style type="text/css">
.image { width: 250px; }
.image:hover { width: 50%; }
</style>
</head>
<body>
<img src="path/to/image" class="image" />
</body>
</html>

ça donne ça.

Bluffant non ? Bon ok, le code est super simple, mais n'est-ce pas ce qui justement fait la beauté de la méthode ?

Bien sur, il y a moyen de faire mieux, beaucoup mieux, mais bon, c'est déjà une bonne base.