Bonjour à tous, je me suis lancé dans la création d'un site et j'ai un souci avec la scrollbar que je souhaite faire en image. Les flèches "haut" et "bas" sont remplacées par une image, et je ne veux pas utiliser de barre de défilement. Pour le moment, ca donne ca : http://www.thearcadefire.fr/groupe/
Le problème étant que le défilement ne s'arrête pas une fois arrivé à la fin du calque..
En code html sur la page, j'ai :
Code :
- <div id="scroll">
- <a href="#" onmouseover="java script:moveLayer(10);" onmouseout="java script:clearTimeout(Timer);"><img src="../img/visuel/fleche_haut.jpg"/></a>
- <div align="center"><img src="../img/visuel/dots.gif"/></div>
- <a href="#" onmouseover="java script:moveLayer(-10);" onmouseout="java script:clearTimeout(Timer);"><img src="../img/visuel/fleche_bas.jpg"/></a>
- </div>
|
Et mon fichier en javascript :
Code :
- var Timer;
- var Pas = 3;
- function moveLayer(Sens)
- {
- if(document.getElementById)
- Objet = document.getElementById("include" );
- else
- Objet = document.all["include"];
- if(parseInt(Objet.style.top) + (3*Sens) > 0)
- Objet.style.top = "0px";
- else
- Objet.style.top = (parseInt(Objet.style.top) + (3*Sens)) + "px";
- Timer = setTimeout("moveLayer(" + Sens + " );", 50);
- }
|
Vous auriez une solution ? Merci d'avance..
---------------
https://www.malpy.fr/