Bonjour à toutes et à tous !
Bien au chaud en train de travailler alors que la neige tombe voila que me tombe dessus un problème :
J'ai deux boutons et deux fonctions javascript me permettant (normalement) d'effectuer un scroll à gauche ou à droite d'une div. Problème ? et bien ça scroll pas...
Je vous met mon code en dessous si quelqu'un à une idée je vous remercie d'avance ! J'ai fait des test ç rentre bien dans ma fonction mais rien ne bouge.
Merci à tous !
Code Javascript :
<script type="text/javascript">
var timer;
function move_left() {
document.getElementById('liste_coul').scrollLeft -=7;
timer=setTimeout('move_left();',20);
}
function move_right() {
document.getElementById('liste_coul').scrollRight +=7;
timer=setTimeout('move_left();',20);
}
</script>
Code HTML :
<a href="javascript:;" onMouseOut="clearTimeout(timer);" onMouseOver="move_left();">
<div class="fleche_gauche">
</div>
</a>
<div id="liste_coul">
<table cellpadding="5px">
<tr>
<?php while($vign=mysql_fetch_array($vignette)){
echo "<td><a><img src='mini/".$vign["url_photo"]."' onclick='photo_coul()' /></a></td>";
};
?>
</tr>
</table>
</div>
<a href="javascript:;" onMouseOut="clearTimeout(timer);" onMouseOver="move_right();">
<div class="fleche_droite">
</div>
</a>CSS :
.fleche_gauche{
width:12px;
height:37px;
background-image:url("../images/btn-precedent-vignettes.png");
float:left;
position:relative;
top:24px;
}
#liste_coul{
float:left;
position:relative;
width:160px;
height:85px;
overflow:hidden;
}
.fleche_droite{
width:12px;
height:37px;
background-image:url("../images/btn-suite-vignettes.png");
position:relative;
top:24px;
float:left;
}