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:
Une idée sur comment faire?
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
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>
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.
Partager