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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
| function getMousePosition(event){
var e = event || window.event;
var scroll = new Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);;
return new Array(e.clientX + scroll[0] - document.body.clientLeft,e.clientY + scroll[1] - document.body.clientTop);
}
function bouge_barre_vign(direction){
alert('test');
}
function anime_barre_vign(){
var barre_vign = document.getElementById('barre_defil_vign');
var menu1 = document.getElementById('menu1');
barre_vign.onmouseover = function(event){
var mousePosition = getMousePosition(event);
var barre_vign = document.getElementById('barre_defil_vign');
//document.getElementById('test').innerHTML = 'x:'+mousePosition[0]+ '__' + barre_vign.offsetWidth+ '__' + mousePosition[0]/menu1.offsetWidth;
if(barre_vign.offsetWidth > document.getElementById('menu1').offsetWidth){
if(mousePosition[0]/menu1.offsetWidth > 0.9){ // si la souris se retrouve à lextreme-droite de la barre des vignettes et que celle ci peut encore se déplacer vers la droite
timer = setInterval("bouge_barre_vign('gauche')",25);
//Math.round((barre_vign.offsetWidth + barre_vign.offsetLeft - menu1.offsetWidth)/300
}else if(mousePosition[0]/menu1.offsetWidth < 0.1){
//barre_vign.style.left = barre_vign.offsetLeft + 10 + 'px';
}else{
if(typeof(timer)!="undefined"){
clearInterval(timer);
}
}
}
};
barre_vign.onmouseout = function(event){
if(typeof(timer)!="undefined"){
clearInterval(timer);
}
}
} |
