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

15/11/2011, 12h36	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 057 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 057 Points : 45 176 Points : 45 176	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email