javascript diapositive slick_accessible_slideshow

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?

Answer 1

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.

Answer 2

Jetez un oeil à la plugin jQuery Cycle . Il défiler vers la gauche / droite et permet boutons suivant / précédent.