Image arrière plan dynamique

**Alan49** · 15/11/2011, 12h00

Bonjour,

Pour le moment, j'ai un bouton marche qui permet de changer le fond de page d'une image nuit en image jour.

Mon but, est d'avoir un bouton marche arrêt pour varier de jour à nuit et inversement.

Voici la partie HTML :
-------------------------------------

Code :

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

1
2
3
4
<body background="./Images/Nuit.jpg">
<form method="post" action="">
<input type="button" name="submit" value="Changer l'image de fond" onclick="changeBackground();">
</form>

--------------------------------------

Voici la partie JavaScript :
--------------------------------------

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
22
23
24
25
26
27
28
function localFilename(url)
{
	var x = url.lastIndexOf("/");
	url = url.slice(x + 1);
	return url;		
}
 
 
function changeImage(element)
{ 
	var v = element.getAttribute("src");
	v = localFilename(v);
 
	if(v == "./Images/Nuit.jpg")
		v = "./Images/Jour.jpg";
	else
		v = "./Images/Nuit.jpg";
 
	element.setAttribute("src", v);	
 
}
 
function changeBackground()
{
	var z = new Image();
	z.src = "./Images/Jour.jpg";
	document.body.background=z.src;
}

--------------------------------------

Auriez vous une solution afin de mettre en place ce bouton switch ?

Merci de votre aide.

**SpaceFrog** · 15/11/2011, 12h36

un background n'a pas de src ...

oublie aussi le background=""

trente plutot de modifier
le background-image du css

Code :

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

style="background-image:url('../Images/Jour.jpg')

et modifie dynamiquement le style.backgroundImage

Image arrière plan dynamique

JavaScript

Discussions similaires

Partager

Partager