image de fond

Version imprimable

02/03/2006, 17h21
somatino

image de fond

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
02/03/2006, 17h22
SpaceFrog

deux fois aujourd'hui ... :roll:
02/03/2006, 17h24
somatino

oupss
rien ne t'echappe :wink:
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
02/03/2006, 17h26
SpaceFrog

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 ...

un exemple avec un div ...

Code:

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 ?

02/03/2006, 17h40
somatino

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.
:evil:
02/03/2006, 17h50
somatino

par contre jcompren pas ou je mé le nom de ma photo la dedans
02/03/2006, 21h02
m@t

S tu essayé de remplacer ce code

Code:

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

par

Code:

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

:?:
03/03/2006, 08h21
SpaceFrog

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

remplace le div par img ...
03/03/2006, 09h58
m@t

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