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

**PierreR75** · 07/05/2010, 10h47

Bonjour à tous,

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

Code :

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

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 :

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

background-attachment : fixed;

Merci infiniment pour votre aide
PierreR75

**SpaceFrog** · 07/05/2010, 11h05

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

Code :

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

obj.style.backgroundAttachement

**vermine** · 07/05/2010, 11h10

Bonjour,

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

Code :

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

1
2
 
document.write()

au profit de manipulation de l'objet dans l'arbre DOM (cfr. SpaceFrog).

**PierreR75** · 07/05/2010, 11h32

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

**PierreR75** · 08/05/2010, 10h10

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

Je souhaite juste savoir quelle est la syntaxe pour intégrer cet attibut :

Code :

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

background-attachment : fixed;

Dans mon script de background aléatoire :

Code :

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

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.

**SpaceFrog** · 08/05/2010, 12h08

déja pas un document.write !!

Code :

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

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

**PierreR75** · 08/05/2010, 15h01

Merci SpaceFrog,

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

Code :

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

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

par ces nouvelles lignes :

Code :

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

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

**SpaceFrog** · 08/05/2010, 18h15

il faut mettre ces deux lignes dans une fonction lancée sur le onload du body ...

**PierreR75** · 08/05/2010, 22h49

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.

**SpaceFrog** · 09/05/2010, 10h35

explicite ???
voici la solution...

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

**PierreR75** · 10/05/2010, 15h09

Bonjour à tous,
Merci SpaceFrog, ta solution fonctionne, super !

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.

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

JavaScript

Discussions similaires

Partager

Partager