Créer des vignettes redimensionnables

Vue d'ensemble
Le Principe
Le Code
Remerciements

• On n'effectue pas véritablement un redimensionnement de l'image en tant que tel.
  
• Il s'agit d'un redimensionnement spécifique à la zone de la vignette survolée par la souris.
  
• Comment faisons-nous cela ? En utilisant la propriété CSS overflow !

• La propriété overflow détermine l'apparence du contenu lors du survol de la zone contenante.
  
• Si le conteneur a une taille fixe, pour une raison ou une autre, on utilise alors overflow pour définir ce qu'il se produit.
  
• Les valeurs possibles pour la propriété overflow sont : visible, hidden, scroll et auto.
  
• C'est la combinaison de ces valeurs que nous utiliserons ici afin que notre astuce puisse marcher.
  
• Fondamentalement, nous cacherons une partie de la vignette dans son état de base, et nous la montrerons entièrement lors du survol de la souris.