message au survol d'une image

[nico13]

Bonjour,

Quoi de mieux qu'un exemple pour comprendre mon problème ?
Voilà sur ce site : http://www.australia.com/fr-fr
On peut voir que lorsque l'on passe la souris sur une image des "lieux incontournables à visiter en Australie" une seconde image apparaît avec un fond bleu + le nom du lieux

j'aimerais faire pareil et afficher une image invitant à cliquer...

pour faire ceci j'ai farfouillé sur le net et me suis aperçu qu'il fallait utiliser quelque chose comme

:hover

Le problème est que je n'arrive pas à le faire fonctionner :/

j'ai tenté la 1ère image de la galerie d'images de ma page d'accueil : (Vaucluse (84) ) : mon site

Code:

#gallery_thumb_4570742962:hover { ? ;}


mais je ne sais quoi mettre pour afficher cette nouvelle image  

Pouvez-vous m'aider ? car je ne trouve pas vraiment d'aide et j'ai passé 2h à lire des tutos en vain ...

Cordialement.

[Tibonom]

Bonjour nico13
As-tu eu des réponses à ta demande? Car j'ai la même question... ;o)
Merci!

[FredVig]

généralement, cherchez les tutos avec le mot  "rollover"
il faut savoir "modifier les head" de jimdo (voir tutos de ce forum)
exemple : https://aide.jimdo.com/aller-plus-loin-avec-jimdo/effets-de-rollover/
2h, c'est bien pour une introduction, mais comptez quelques semaines pour commencer à jongler avec le html.
J'ai une page qui explique quelques exemples ici : https://www.fredvig.com/boutons-rollover/
On peut parvenir à l'exemple cité (australia) de pleins de façons différentes, mais je vous conseille de prendre le dernier exemple de ma page : deux images hébergées, une remplace l'autre lorsque qu'on survole la première. Vous pouvez aussi cibler un contenant supérieur à celui de l'image, et lui donner une couleur et une opacité lorsqu'on le survole. L'image sera masquée par la couleur, mais "reste" en arrière-plan.
Courage !

[Contenu sponsorisé]