resizer une image de fond en fonction de la resolution
Bonjour à tous,
Apres être tomber sur ce post http://www.developpez.net/forums/sho...24&postcount=1 jai essayer d'appliquer les conseilles prodiguer afin d'afficher une image qui se redimensionne en fonction de la resolution d'ecran du poste client .
Le probleme c'est que l'image ne s'affiche pas
Voici le code que j'ai integrer à ma pages:
Citation:
<html>
<head>
<noscript>
Javascript est nécessaire pour afficher correctement cette page!
</noscript>
<script>
tabw=new Array(640, 800, 1024, 1152, 1280);
tabh=new Array(480, 600, 768, 864, 1024);
if(!document.all){ w=window.innerWidth; h=window.innerHeight; }
else { w=document.documentElement.offsetWidth;
h=document.documentElement.offsetHeight; }
for(i=tabw.length-1;i>=0;i--) if((w>=tabw[i])||(h>=tabh[i])) break;
if(i<tabw.length-1) i++;
document.write('<body style="background-image:url('images/'+tabw[i]+'x'+tabh[i]+'.jpg);">');
</script>
</body>
</html>
Jai bien redimentionner et nommé les 5 images comme d ecrit, elles se trouve dans le dossier images à la racine.
j'ai un doute sur cette ligne:
Citation:
document.write('<body style="background-image:url('images/'+tabw[i]+'x'+tabh[i]+'.jpg);">');
j'ai retourner 1000 fois le probleme mais je dois m'avouer a court d'idee.
Pourriez vous m'expliquer mon erreur svp.
Merci par avance de votre aide
