javascript diapositive slick_accessible_slideshow
-
06-09-2019 - |
Question
J'ai trois div dans une page de HTML. le look de la page comme ceci
page HTML:
leftArrow(>) div rightArrow(<)
je dois déplacer le div de gauche à droite et de droite à gauche. Utilisation de JavaScript et DHTML
ou JQuery.
Est-il possible de se déplacer dans cette direction?
Pas de solution correcte
Autres conseils
Oui, il est possible, je l'ai fait dans le passé sans utiliser jQuery.
J'ai la balise suivante:
<div id="HorThumbs" style="overflow:hidden;width:500px">
<div id="HorScroller" style="width:1000px">
//Data to be shown
</div>
</div>
var scrollStep=1;
var timerLeft,timerRight="";
function scrollDivLeft(id){
clearTimeout(timerRight);
document.getElementById(id).scrollLeft-=scrollStep;
timerRight=setTimeout("scrollDivLeft('"+id+"')",1);
}
function scrollRight(id){
clearTimeout(timerLeft);
document.getElementById(id).scrollLeft+=scrollStep;
timerLeft=setTimeout("scrollRight('"+id+"')",1);
}
Ensuite, ajoutez un événement MouseOver à vos flèches gauche et droite, en passant « HorThumbs » comme Id soit scrollDivLeft ou la fonction scrollDivRight.
Jetez un oeil à la plugin jQuery Cycle . Il défiler vers la gauche / droite et permet boutons suivant / précédent.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow