Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal

Afficher une image au passage de la souris sur un lien

2 participants

Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Afficher une image au passage de la souris sur un lien

Message par BourrinOman Dim 17 Jan 2016 - 16:33

Bonjour.

Je m'inscris sur le forum car je débute en HTML et j'aurais besoin d'aide pour faire afficher une image quand je passe la souris sur un lien.

Pourriez-vous m'aider?

BourrinOman

Messages : 35
Date d'inscription : 17/01/2016
Age : 42
Localisation : Bandol

http://zoomsnatureprovencale.jimdo.com/la-flore/

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par FredVig Dim 17 Jan 2016 - 18:56

C'est sans doute faisable. C'est une image qui se trouve "sous" le texte, en fond, ou dans un autre contenant ?
Dans tous les cas, je vous conseille la lecture de ce post, car c'est le m^me principe.
Il renvoie vers un tuto de la communauté qui est très bien
spoiler
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par FredVig Dim 17 Jan 2016 - 18:57

Mais tout dépend de ce que vous voulez faire exactement, car plusieurs techniques sont possibles.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par BourrinOman Dim 17 Jan 2016 - 19:30

En fait, ce que je voudrait, c'est que quand je passe la souris sur lien, une image se place à coté du curseur.

BourrinOman

Messages : 35
Date d'inscription : 17/01/2016
Age : 42
Localisation : Bandol

http://zoomsnatureprovencale.jimdo.com/la-flore/

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par FredVig Dim 17 Jan 2016 - 20:12

le tuto cité plus haut (par lefildargent) sera adapté. il permet de montrer ou cacher d'autres éléments lorsqu'on clique ou survole un autre élément:
http://communautefrancophone.jimdo.com/contenu/cacher-r%C3%A9v%C3%A9ler-modifier-un-%C3%A9l%C3%A9ment-par-simple-clic/#l0c0
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par FredVig Dim 17 Jan 2016 - 20:18

Il doit être possible de faire sans javascript :
- dans un élément colonne, ou texte plus image, mettre le texte à gauche et l'image à droite
DAns modifier le head, indiquer de nouvelles propriétés pour le module colonne :
- Un dépassement masqué (overflow:hidden)
- une largeur plus étroite qui ne laisse apparaître que le texte
- une propriété au survol :hover avec une largeur auto (ou un overflow:visible)
Je ne sais pas si ça peut fonctionner, mais pourquoi pas ?

EDIT : j'ai fait un tuto rapide pour comprendre le principe :
http://www.fredvig.com/atelier/spoiler/


Dernière édition par FredVig le Dim 17 Jan 2016 - 20:40, édité 2 fois
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par BourrinOman Dim 17 Jan 2016 - 20:34

Sauf que dans ce cas là, je devrais refaire tous mes lien et j'y tiens pas trop car c'est très long a mettre en place Sad

BourrinOman

Messages : 35
Date d'inscription : 17/01/2016
Age : 42
Localisation : Bandol

http://zoomsnatureprovencale.jimdo.com/la-flore/

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par FredVig Dim 17 Jan 2016 - 20:44

L'image doit être effectivement prévue dès la construction de la page, dans tout les cas.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

lien - Afficher une image au passage de la souris sur un lien Empty Re: Afficher une image au passage de la souris sur un lien

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum