Comment changer une background-position à l'aide de javascript?
j'ai une image, de 200px de haut par 50px de large.
Les 50 premiers pixels sont bleus
puis tous les 50 px tendent vers un marron plus foncé...
voici genre un code lambda:
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
29
30
31
32
33
34
|
*********
.img{
display:block;
background:URL(tralalalalaire.gif) top left no-repat;
width:50px;
height:50px;
}
*********
<div id="contener">
<span class="img">couleur_bleue</span>
<div id="liens">
<a href="#">couleur_marron clair</a>
<a href="#">couleur_marron moyen</a>
<a href="#">couleur_marron foncé</a>
</div>
</div>
********* |
Je souhaite en faisant un rollOver sur chacun des liens que mon background-position soit modifié en conséquence.
merci pour votre contribution !
