Discussion :

[brasco06]

Bonjour

comment faire pour qu'une image s'affiche en fond d'ecran en s'adaptant à l'ecran du navigateur?

Car je voudrais faire une page statique sous photoshop et en faire ma page web.

Mais l'image est trop grande
merci

[the_penguin]

en html :

Code :

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

<img src="..." id="fond" />

et la css correspondante :

Code :

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

1
2
3
4
5
6
 
#fond
{
    height: 100%;
    width: 100%;
}

[brasco06]

Merci 'c'est ce que je fais....mais en hauteur ca prend bcp trop de place;
il faut derouler pour la voir en entier

Y a pas un moyen pour la voir directe entiere?

[Huntress]

Si en Javascript, en te basant uniquement sur la hauteur ou la largeur de la page suivant le format de l'image...

Tu récupères ces données, tu fais qq tests afin de savoir si c'est la largeur ou la hauteur de l'image qui doit prendre 100% et tu génères les attributs height ou width de ta balise image dynamiquement.