Bonjour,
Quelqu'un pourrait-il m'aider pour faire défiler
ce scroll image horizontalement et non a la verticale comme c le cas merci
en fait il y a un defilement d'image du haut vers le bas et vice versa au passage de la souris sur un bouton vers le haut et un bouton vers le bas.
le code:
<script language="javascript" type="text/javascript">
var Timer;
var Pas = 10;
function moveLayer(Sens) {
Objet=document.getElementById("contenu");
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
}
else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support").offsetHeight)) {
clearTimeout(Timer);
}
else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
</script>
<div id="support" style="position:relative; width:300px; height:100px; overflow:hidden; border:1px solid #000;float:left;">
<div id="contenu" style="position:absolute; top:0;width:600px;">
<img src="testimage/51157.jpg"><img src="testimage/51157.jpg"><img src="testimage/51157.jpg"><img src="testimage/51157.jpg"><img src="testimage/51157.jpg"><img src="testimage/51157.jpg"><img src="testimage/51157.jpg">
</div>
<div style=" width:300px; height:100px; position:relative; right:0; border-left:1px solid #000;">
<img onmouseover="moveLayer(1);" onmouseout="clearTimeout(Timer);" src="testimage\1.jpg" style="cursor:pointer; position:absolute; left:0;bottom:0;" alt="" />
<img onmouseover="moveLayer(-1);" onmouseout="clearTimeout(Timer);" src="testimage\2.jpg" style="cursor:pointer; position:absolute; right:0; bottom:0;" alt="" />
</div>
</div>
