Image arrière plan dynamique
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:
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:
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. ;)
