Div survol cacher image et afficher texte
Bonjour,
Je souhaite au survol d'un div cacher l'image contenue dans mon div et afficher du texte.
J'ai trouvé une solution mais, elle ne me satisfait pas totalement sous Firefox et sous IE :
Javascript :
Code:
1 2 3 4 5 6 7 8 9 10
| function entrer_image_previouscollection(num, contenulangue, annee) {
if(indik==0) document.getElementById('previouscollections_img_'+num).innerHTML="<div style='height:300px;padding-top:150px;width:300px;color:#FFFCDF;font-size:16px;font-weight:bold;'>"+contenulangue+"<br />"+annee+"</div>";
indik++;
}
function sortir_image_previouscollection(num, lien) {
document.getElementById('previouscollections_img_'+num).innerHTML="<img style='border:0;position:relative;' src='"+lien+"'></img>";
indik=0;
} |
Php :
Code:
$retour.="<div onClick=\"afficher_previouscollections3('".$enr['IdCollection']."');\" onmouseover=\"entrer_image_previouscollection('1','".$enr2['ContenuLangue']."', '".$enr['AnneeCollection']."');\" onmouseout=\"sortir_image_previouscollection('1','".$lien."');\" style=\"float:left;width:300px;height:300px;cursor:pointer;\" id='previouscollections_img_1'><img style='border:0;position:relative;' src='".$lien."'></img></div>";
Merci par avance pour votre aide.