Fonction JS - changement background image au clique
Bonsoir tous le monde !
je viens vous voir car je bloque sur un petit code JavaScript :/
je suis entrain de bosser sur un petit site pour m'exercer, qui utilise des photos en background (pleine page).
pour monter mon interface, j'ai imbriquer des div dans des <li> jusque là, tous vas bien :). mais je voudrai que lors ce que l'on clique sur un des titre dans une balise <li>, que ça change mon image de fond en background. j'ai essayer de bosser sur une petite fonction javascript, mais le problème c'est que des que je place mes lien dans mes <div> dans les <li> ça ne fonctionne pas. Quelqu'un aurait-il une idée à me donner pour pouvoir faire fonctionner ce système ?
Autre problématique, je souhaiterai que au lancement du site on tombe automatique sur l'image 1.jpg,
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <script language="JavaScript">
var backImage = new Array();
backImage[0] = "IMG/1.jpg";
backImage[1] = "IMG/2.jpg";
backImage[2] = "IMG/3.jpg";
backImage[3] = "IMG/4.jpg";
function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}
</script>
<div id="wrap-home">
<div id="header">
<img src="IMG/omgelogo.png" alt="Omega logo" />
</div>
<ul class="menu">
<li class="toggleSubMenu"><span class="accueil"><a href="javascript:changeBGImage(1)">ACCUEIL</a></span>
<ul class="subMenu">
<div id="accueil-bloc"> |
Voilà, je vous remercie d'avance :)
bonne soirée et bon weekend tous le monde !
