calcul fin défilement d'un div
Bonjour,
Je fais un div contenant des images dont la hauteur est fixe.
En gros, il y a un bouton defilement vers le haut et un defilement vers le bas...
Et les images dans le div défilent...
Mon problème est la méthode de calcul pour détecter l'endroit ou le défilement doit s'arrêter...
Voici mon code:
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
<script language="JavaScript1.2">
var speed=5;
if(document.getElementById)
var elem=document.getElementById("div_contenu_carousel");
else
var elem=document.all["div_contenu_carousel"];
function movedown()
{
if(parseInt(elem.style.top) + speed > 0)
elem.style.top = "0px";
else
elem.style.top = (parseInt(elem.style.top) + speed) + "px";
movedownvar=setTimeout("movedown()",20);
}
function moveup()
{
if(Ici le code que je cherche)
{
}
else
{
elem.style.top = (parseInt(elem.style.top) - speed) + "px";
}
moveupvar=setTimeout("moveup()",20);
}
</script>
<a href="#" onMouseOver="moveup();" onMouseOut="clearTimeout(moveupvar);"><img src="images/slide-haut.gif" border=0</a>
<div id="cadre_div_carousel" align="center" style="position: relative;height:330px; overflow: hidden;">
<div id="div_contenu_carousel" style="position:relative;top:0px;">
<img id="1" src="..."><br />
<img id="2" src="..."><br />
<img id="3" src="..."><br />
<img id="4" src="..."><br />
</div>
</div>
<a href="#" onMouseOver="movedown();" onMouseOut="clearTimeout(movedownvar);"><img src="images/slide-bas.gif" border=0></a> |
Une idée sur comment faire?
Il faut certainement utiliser le top et offsetHeight du div...
Je veux que le defilement s'arrete quand on atteint le bas de la dernière image...
Merci d'avance pour vos réponses.
