image de fond

**somatino** · 02/03/2006, 17h21

bonjours à tous.
je souhaite mettre une photo en fond d'ecran de mon site web.
j'ai essayé avec la methode
<body background="monimage.JPG">
mais la photo ne s'affiche pas à la taille de l'écran.
je veu dire que l'on voit seulement une partie de ma photo qui prend tout l'écran.
je voudrai savoir si il existe une formule qui fait que la photo se met directemen à la taille de l'écran.
merci d'avance.
somatino

**SpaceFrog** · 02/03/2006, 17h22

deux fois aujourd'hui ...

**somatino** · 02/03/2006, 17h24

oupss
rien ne t'echappe

j'ai cherché où tu m'as dit mais j'ai pas trouver.
en plus on s'apprcohe de la fin de la journée et le mal de tête arrive

**SpaceFrog** · 02/03/2006, 17h26

la solution donnée précédemment bien que lourde est valable ...

mettre ton image en z-index d'arrière plan et la dimensionner par rapport à la taille de la fenetre ...

**SpaceFrog** · 02/03/2006, 17h36

un exemple avec un div ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type='text/javascript'>
function resizeDiv(){
var hauteur=document.body.offsetHeight - 4
var largeur=document.body.offsetWidth - 21
document.getElementById('mondiv').style.height=hauteur + 'px';
document.getElementById('mondiv').style.width=largeur + 'px';
}
 
window.onload=function(){resizeDiv()}
 
window.onresize=function(){resizeDiv()}
 
</script>
</head>
 
<body style="margin:0px;">
<div id="mondiv" style="background-color:red">&nbsp;</div>
</body>
</html>

par contre je ne sais pas si la bidouille -4 -21 est valable pour tout browser ?

autre chose dois tu garder la proportionalité de ton image ?

**somatino** · 02/03/2006, 17h40

ben si C possible oui
mais bon je pencé pas que c'était aussi compliqué
je pencé que c'était quelques lignes de code et puis voila.

**somatino** · 02/03/2006, 17h50

par contre jcompren pas ou je mé le nom de ma photo la dedans

**m@t** · 02/03/2006, 21h02

S tu essayé de remplacer ce code

Code :

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

<div id="mondiv" style="background-color:red">&nbsp;</div>

par

Code :

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

<div id="mondiv" style="background-image:url(cheminImage)">&nbsp;</div>

:

**SpaceFrog** · 03/03/2006, 08h21

lol mat le problème serait le même ...

remplace le div par img ...

**m@t** · 03/03/2006, 09h58

Oups désolé je n'avais que survolé le problème ... et de plus mes yeux commencaient à fatiguer je crois

image de fond

JavaScript

Discussions similaires

Partager

Partager