javascript slick_accessible_slideshow slides

Question

Eu tenho três div está em uma página HTML. o olhar página como esta

HTML da página:

   leftArrow(>)   div   rightArrow(<)

eu preciso para mover a div da esquerda para a direita e da direita para a esquerda. usando JavaScript e DHTML

ou JQuery.

É possível mover nessa direção?

Answer 1

Sim, é possível, eu tenho feito isso no passado sem usando jQuery.

Eu tenho um a seguinte marcação:

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

Em seguida, adicione um evento MouseOver às suas setas esquerda e direita, passando em 'HorThumbs' como o ID para qualquer função scrollDivLeft ou scrollDivRight.

Answer 2

Dê uma olhada no ciclo plugin jQuery . Vai rolar para a esquerda / direita e permite que prev / próximos botões.