Comment ajouter l'attribut background-attachment : fixed; dans un script existant ?

Version imprimable

Bonjour à tous,

J'utilise ce code pour faire s'afficher une image en background aléatoire :
Code:

1 2 3 4 5 6 7 var image= new Array() image[0]="images/bgHome1.jpg" image[1]="images/bgHome2.jpg" image[2]="images/bgHome3.jpg" var random=Math.floor(3*Math.random()); document.write('<body background="'+image[random]+'">')
Savez-vous comment je peux y ajouter l'attribut :

Code:

background-attachment : fixed;

Merci infiniment pour votre aide
PierreR75

07/05/2010, 11h05
SpaceFrog

personnellement je ne passerait pas par background mais par les propriétés de style ...

Code:

obj.style.backgroundAttachement
07/05/2010, 11h10
vermine
Bonjour,

Et comme j'ai voulu le dire, il vaut mieux éviter les :
Code:

1 2 document.write()
au profit de manipulation de l'objet dans l'arbre DOM (cfr. SpaceFrog).
07/05/2010, 11h32
PierreR75

Merci pour vos réponses, SpaceFrog et vermine, mais ce que j'ai oublié de vous préciser, c'est que je suis nul en JS :?
Je cherche la syntaxe pour intégrer cet attribut "fixed" dans mon script mais je suis preneur d'une autre méthode si la mienne n'est pas la bonne.
Merci pour votre indulgence et votre aide.
PierreR75

Bonjour à tous,
Je reviens vers vous parce que j'ai bien essayé de mettre en oeuvre les pistes que vous me proposez, mais je n'arrive à rien :cry:
Je souhaite juste savoir quelle est la syntaxe pour intégrer cet attibut :

Code:

background-attachment : fixed;

Dans mon script de background aléatoire :
Code:

1 2 3 4 5 6 var image= new Array() image[0]="images/bgHome1.jpg" image[1]="images/bgHome2.jpg" image[2]="images/bgHome3.jpg" var random=Math.floor(3*Math.random()); document.write('<body background="'+image[random]+'">')
Merci encore pour votre aide.

déja pas un document.write !!

Code:

1
2
3
 
document.body.style.backgroundImage="url('"+image[random]+"')";
document.body.style.backgroundAttachement="fixed";

08/05/2010, 15h01
PierreR75
Merci SpaceFrog,

Mais je dois encore avoir une erreur de syntaxe.
J'ai essayé de remplacer ma ligne :

Code:

document.write('<body background="'+image[random]+'">')

par ces nouvelles lignes :
Code:

1 2 document.body.style.backgroundImage="url('"+image[random]+"')"; document.body.style.backgroundAttachement="fixed";
Mais ça ne fonctionne pas, les images n'apparaissent plus du tout...
08/05/2010, 18h15
SpaceFrog

il faut mettre ces deux lignes dans une fonction lancée sur le onload du body ...
08/05/2010, 22h49
PierreR75

Je suis désolé, c'est de moins en moins clair pour moi :(
Comme je vous le disais, je ne sais pas écrire du javascript, et je ne saurais pas faire ce que vous m'indiquez. Pourriez-vous être plus explicite ? Merci encore.

explicite ???
voici la solution...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type="text/javascript">
var image= new Array()
image[0]="images/bgHome1.jpg"
image[1]="images/bgHome2.jpg"
image[2]="images/bgHome3.jpg"
var random=Math.floor(3*Math.random());
function init(){
document.body.style.backgroundImage="url('"+image[random]+"')";
document.body.style.backgroundAttachement="fixed";
}
</script>
</head>
<body onload="init()">
 
</body>
 
</html>

Relis maintenant les directives données précédemment et dis moi que je n'ai pas été explicite .... :roll:

10/05/2010, 15h09
PierreR75

Bonjour à tous,
Merci SpaceFrog, ta solution fonctionne, super ! :D
Ne le prend pas mal, tu étais en effet parfaitement explicite, mais pour quelqu'un de plus compétent que moi, parce qu'en ce qui me concerne, je n'aurais jamais trouvé tout seul comment écrire une fonction "init" !
Merci encore pour ta patience.