Problème de ScrollLeft et ScrollRight

cs_AcarnanDragoon Messages postés 55 Date d'inscription lundi 9 février 2009 Statut Membre Dernière intervention 3 octobre 2012 - 8 déc. 2010 à 16:55
cs_AcarnanDragoon Messages postés 55 Date d'inscription lundi 9 février 2009 Statut Membre Dernière intervention 3 octobre 2012 - 8 déc. 2010 à 17:03
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 !

<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>



[javascript:; 




]


<?php							while($vign=mysql_fetch_array($vignette)){
echo \"[javascript:; 




]


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;
}

1 réponse

cs_AcarnanDragoon Messages postés 55 Date d'inscription lundi 9 février 2009 Statut Membre Dernière intervention 3 octobre 2012
8 déc. 2010 à 17:03
J'ai trouvé un code substitution qui fonctionne très bien, je vous le met là

var intervalID;
 
function ScrollLeft()
{
  intervalID = setInterval("document.getElementById('theImages').scrollLeft -= 2", 30);
}
 
function ScrollRight()
{
  intervalID = setInterval("document.getElementById('theImages').scrollLeft += 2", 30);
} 
 
function stopScroll()
{
  clearInterval(intervalID);
}
0
Rejoignez-nous