Discussion :

[laurent84200]

Bonjour,

Je voudrais mettre en place lorsque je survole une image, l'apparition d'une nouvelle image à un autre endroit de ma page.
J'aimerai le faire en css pour une meilleure fluidité, pourriez-vous m'aide svp ?
Je vous remercie.

[laurent84200]

Je suis allé un peu vite et j'ai oublié de vous donner mon code départ (mon image que je vais survoler) :

Css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
.pict1{
width:92px;
height:92px;
background-image: url(../images/picto_acces2.jpg)  ;
position: absolute;
}
 
.pict1:hover {
width:92px;
height:92px;
background-image: url(../images/picto_acces.jpg)  ;
}

hTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<IMG src="../images/silh_voiture.jpg"/>
<a href="#"><div class="pict1"></div></a>

[Invité]

Bonjour,

...apparition d'une nouvelle image à un autre endroit de ma page...

De nos jours, JavaScript est incontournable.
Et plus simple, dans ce cas.

Ca reste néanmoins possible en CSS, en affichant/masquant un <div>, par exemple.
mais il faut que tu précises : où doit s'afficher la nouvelle image ?

• A un endroit précis de la page ?
• dans une popup ?

Montre un exemple (copie d'écran, infographie,...)

[laurent84200]

Merci pour ta réponse, voici une capture d'écran.

[Invité]

Montre le code HTML + CSS associés.

Dans "CSS", il y a le "C" qui veut dire "Cascade"...
On descend une cascade...


Sinon, je confirme : JavaScript est (à priori) approprié.

[laurent84200]

Le code est dans le 1er post, je l'ai mis uniquement pour le 1er picto.

[Invité]

Explique.
Sois plus clair et précis.

Comme j'ai dit : une solution JavaScript existe.

une solution CSS existe aussi : mais elle dépend du HTML employé (cascade, héritage,...).