Bonjour,
J'ai crée une fonction qui permet de redimensionner une image en fonction de la résolution de l'ecran :
function screen_size() {
var size=screen.width+"*"+screen.height;
var width=0;
switch(size)
{
case "1280*800" :
width=110;
break;
case "1024*768" :
width=90;
break;
}
logos = "<table width='100%' height='100%' border='0' cellspacing='10'><tr><td><a href='music.php'><img src='images/music.gif' border='0' alt='music' width='"+width+"'/></a></td></tr><tr><td><a href='art.php'><img src='images/arts.gif' border='0' alt='art' width='"+width+"'/></a></td></tr><tr><td><a href='eco.php'><img src='images/eco.gif' border='0' alt='eco' width='"+width+"'/></a></td></tr><tr><td><a href='it.php'><img src='images/it.gif' border='0' alt='it' width='"+width+"'/></a></td></tr></table>";
if(document.getElementById) {
document.getElementById("logos").innerHTML = logos;
}
}
Je l'appelle sur moment du chargement de la page (body onload) et cela marche trés bien sous FF, Safari, et Opera mais pas sous IE (quelque soit la version)
Quelqu'un peut me dire pourquoi ?
Merci