Afficher une image au survol d'un texte

 

Rencontre entre deux maîtres (voir la photo au survol du texte)

La saison 2015/2016 s’annonce haute en couleur au Musée Hergé avec une exposition intitulée Hugo Pratt, Rencontres et passages. C’est la première fois que le Musée Hergé accueille un autre grand maître de la bande dessinée : Hugo Pratt, auteur et narrateur hors norme qui, avecCorto Maltese, a créé le mythe de l’éternel aventurier.

Cette exposition est réalisée en hommage à Hugo Pratt et à son oeuvre qui se poursuit avec la sortie du nouvel album de Corto Maltese Sous le soleil de minuit, signé du tandem espagnol Juan Díaz Canales (scénario) etRubén Pellejero (dessin) (à paraître le 30 septembre prochain). 


Ci-dessus, une colonne inclus un module texte plus image.
Voici le code, les valeurs rouges sont à adapter à votre site

 #(ID de la colonne){width: 590px;overflow: hidden;}

/*pour imposer une largeur plus étroite, et un débord caché*/

 #(ID de la colonne):hover{overflow: visible!important;}

/*Pour rendre le débord visible au survol*/

#(ID du module texte plus image){width: 894px;}
/*Pour imposer une largeur fixe au module texte plus image, sinon, il prend la largeur de la colonne*/

Il s'agit d'un principe très simple, toutefois, il faudra l'adapter aux comportements du site lorsque on réduit la fenêtre, et prévoir un comportement particulier pour les mobiles. Peut-être en indiquant des width en pourcentage ?