Discussion :

[shepounet]

Bonjour

J'ai une image en fond d'écran. Pour que celle-ci se redimensionne automatiquement, je dois obligatoirement passer par du javascript ?

Je comptais utiliser une fonction javascript qui trouverait la résolution du client. Puis de mettre le fond correspondant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
//On affiche l'image adapté à la résolution de l'écran
 
if (hauteur==768 && largeur==1360){
	document.getElementById('conteneur').style.backgroundImage="url(images/Fond1360.png)";
 
}
 
if (hauteur==990 && largeur==1440){
	document.getElementById('conteneur').style.backgroundImage="url(images/Fond1.png)";
	document.getElementById('conteneur').style.height=990;
	document.getElementById('conteneur').style.width=1440;
}

Cependant, cette méthode me semble légèrement "barbare"... Si quelqu'un a une autre proposition, je suis preneur !

Cordialement,
shepounet

[SpaceFrog]

récupère le height et le width dynamiquement sur le onload ...

[Invité]

un exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function ecran(){
var hauteur=screen.height
var longueur=screen.width
var couleur=screen.colorDepth 
alert('la resolution du moniteur est de '+longueur+'*'+hauteur+' la qualite des couleurs est de  '+couleur+' bits ')
}