Bonsoir tout le monde ,tout nouveau ici ,j'aimerais savoir comment pourrais je comme le titre l'indique ,ouvrir une div avec une image ,au survol d'une autre div avec image ,j'ai d�j� essayer pendant une dizaine d'heure de trouver par mes propres moyen ,et puis m�me avec quelques post trouver par ci par la je ne trouve pas ce que je veux ,ou cela ne fonctionne pas ,j'ai essayer avec hover en css ,c'est trop chaotique ,l'image passe et s'en va ,le lien dispara�t .

Enfin bref ,j'ai compris ,il faut du javascript et je vous demande un petit coup de main pour celui qui conna�trais le code pour faire appara�tre cet div au survol ,j'ai essayer avec onmouseover / onmouseout mais j'ai pas trouver la commande a rentrer dans le fichier javascript ,en tout cas celle que j'ai essayer ne fonctionne pas ,help plz !!! je vous met le code html en dessous :

Code html : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
<div class="bouton1" >
<!-- au dessous le lien a survoler pour afficher l'autre image --> 
	<a class="survol" href="aero.html">
		<img src="../images/aerodrome.png" width="170" height="50" alt="" />
    </a>
    <!-- Et juste en dessous la div avec l'image a afficher au survol --> 
    	<div class="invisible">
        	<img src="../images/menuaero.png" width="600%" height="400%" alt=""/>
   	    </div>
</div>

Et j'avais essayer avec cet fonction javascript :

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
function afficher_aero(id)
{
    if(document.getElementById(id).style.visibility=="hidden")
    {
        document.getElementById(id).style.visibility="visible";
    }
    else
    {
        document.getElementById(id).style.visibility="hidden";
    }
    return true;
}
Et le css ,je vous rassure j'ai fais mes test elle est bien plac� et tout ,mais la fonction ne marche pas ,j'ai essayer avec display:block ou none ,�a ne marche pas :

Code css : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
.invisible	{
    z-index:2;
    position:absolute;
    margin-top:-400px;
    visibility:hidden
}

Et donc bon au final je suis totalement bloqu� ,donc limite tout �a c'est plut�t a refaire ^^' et je l'avou je suis pour l'instant loin d'�tre un pro ,mais justement je vous demande votre aide pour apprendre ,merci !