Bonjour, je susi débutant en js et j'aimerais faire défiler horyzontalement un certain nombre d'image lorsque l'utilisateur survol mes boutons (exactement la meme chose que sur bon nombre de site en flash). J'arrive a faire défiler mes images verticalement grace a ce script mais pas horizontalement. Quelqu'un pourrait-il m'aider???
Merci
<script type="text/javascript">
<!--
function verScroll(dir, spd, loop) {
loop = true;
direction = "up";
speed = 10;
scrolltimer = null;
if (document.layers) {
var page = eval(document.elementTexte);
}
else {
if (document.getElementById) {
var page= eval("document.getElementById('elementTexte').style");
}
else {
if (document.all) {
var page = eval(document.all.elementTexte.style);
}
}
}
direction = dir;
speed = parseInt(spd);
var y_pos = parseInt(page.top);
if (loop == true) {
if (direction == "dn") {
page.top = (y_pos - (speed));
} else {
if (direction == "up" && y_pos < 10) {
page.top = (y_pos + (speed));
} else {
if (direction == "top") {
page.top = 10;
}
}
}
scrolltimer = setTimeout("verScroll(direction,speed)", 1);
}
}
function stopScroll() {
loop = false;
clearTimeout(scrolltimer);
}
// -->
</script>
</head>
<body>
<div id="scrollmenu" style="width:200px; height:30px; position:absolute; left:413px; top:44px; z-index:1;">
//BOUTONS HAUT
onMouseOver="verScroll('up','1','true')"
onMouseOut="stopScroll()"><</a>
//BOUTONS BAS
<a href="#"
onMouseOver="verScroll('dn','1','true')"
onMouseOut="stopScroll()">></a>
</div>
<div id="elementTexte" style="width:300px; position:absolute; left:10px; top:44px; z-index:1;">
MES IMAGES
</div>