Discussion :

[will74]

Bonjour à tous .

Je requière votre aide pour m'aider à créer un script qui me permettrait de changer l'image de fond de ma page web en cliquant sur un lien .
De même, au re-clic, l'image de fond par défault reviendrai...
Il ne me manque que le script avec la fonction .. je saurais la mettre en oeuvre avec l'appel "onClick" sur mon lien ..

Voilà si vous aviez des idées

a+

Will

[SpaceFrog]

Code :

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

onclick="document.body.style.backgrounsImage=url('image.jgp')"

[will74]

Ok j'avais trouvé quelque chose comme ceci ..
Le truc c'est que je voudrais que si on recliquait sur le lien, le background par défault revienne. Et c'est là ou je coince

++

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
var toggle=false
var default=new Image()
default.src='imagedefaut.jpg'
var other=new Image()()
other.src='autreimage.jpg'
 
function changeBg(){
document.body.style.backgroundImage=(toggle)?url(other):url(default);
toggle=!toggle;
}

et

Code :

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

onclick="changeBg()"

[will74]

Merci je teste tout de suite

[SpaceFrog]

sauf qu'il faut commencer avec toggle true ^^

[will74]

sa ne marche pas ..
Voici le script avec les bonnes infos :

/* ##### Start BACKGROUND ##### */
var toggle=true var default=new Image() default.src='main/bg.gif' var other=new Image()() other.src='bg-connect.gif' function changeBg(){ document.body.style.backgroundImage=(toggle)?url(other):url(default); toggle=!toggle; }
/* ##### End BACKGROUND ##### */

et voici mon lien :

<p align="center">Kit designed to use in portofolio&nbsp;|&nbsp;<a href="#" onclick="toggle('div_connect');changeBg()">Go Connect™ </a></p>

y'a-t-il un erreur de ma part ?

Merci d'avance

PS: le chemin vers mes images doit-il est relatif à ma page web ou à mon fichier js ..?