div " faux pop up"

Bonjour,

j'ai une image intégrée dans un div.
je souhaite créer un lien dessus ( par clic) qui fait apparaitre une nouvelle image par dessus
Tout ceci en css.
Pouvez vous m'aider?

En css ???

Impossible :P Du moins pas à ce que je sache. Je peux faire une tentative :

<div style="background:url('monfichier.jpg')" id=div><a href="#" onclick="document.getElementById('div').style.background='url(\'mondeuxiemefichier.jpg\');return false;">Changer d'adresse</a></div>

Sinon, si je me fis juste au titre (faux popup) voici ce que cela pourrait donner :
<div style="background:url('monfichier.jpg')" id=div><a href="#" onclick="document.getElementById('div1').style.display='';return false;">Voir une autre image</a></div>
<div style="position:absolute;top:20px;left:20px;display:none;border:1px solid black;background:white;" id="div1"><img src="monfichier.jpg"><br><button onclick="document.getElementById('div1').style.display='none';return false;">Fermer</button></div>

Je n'ai pas testé mais théoriquement, cela devrait fonctionner ;)

JDMCreator

Bonjour,

click non géré en css (**) je pense, donc j'essuie
possible au survol ( :hover )

Cordialement [mon Site] [M'écrire] Bul
(**) pour l'instant ?

Le click est géré en CSS par la pseudo-classe :active ;)

Cordialement,

JDMCreator

ben alors ? pourquoi tu proposes du javascript,
si le click est permis en css 

j'ai comme un petit doute, mais n'étant pas un spécialiste....

<style type="text/css">
 a:active  { du css comme on le veut, y compris background-image }
</style>
peut-être ?

J'ai beaucoup étudié les différentes propriétés CSS (pour ma prochaine source) mais je ne suis pas encore rendu au bout pour changer le style d'un autre élément (comme les menus). En fait, est-ce possible ?

C'est que ce qu'il veut changer l'image du bloc qui contient le lien. Je ne sais pas si on peut changer un autre élément avec le CSS et ses pseudos-classes. Et c'est vrai que :active ne pose aucun problème de compatibilité avec les liens puisqu'il fonctionne avec IE 6-7

JDMCreator

active, ce n'est pas tout à fait au click
à mon humble avis, mais peut-être me trompe-je )
n'est-ce pas, d'ailleurs, spécifique aux liens ?

J'ai relu mes cours et voici ce que j'ai trouvé:

:link - Les liens
:hover - au survol
:active - lors du clic
:active - lien déjà cliqué

Quand à si ce n'est que spécifique aux liens, je ne sais pas je n'ai pas testé ;)

JDMCreator