слайд javascript slick_accessible_slideshow slick_accessible_slideshow

Question

у меня есть три div на HTML-странице.страница выглядит следующим образом

HTML-страница:

   leftArrow(>)   div   rightArrow(<)

мне нужно переместить div слева направо и справа налево.использование javascript и DHTMl

или jQuery.

Возможно ли двигаться в этом направлении ?

Answer 1

Да, это возможно, я делал это в прошлом без использования jQuery.

У меня есть следующая разметка:

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

Затем добавьте событие наведения курсора мыши к стрелкам влево и вправо, передав 'HorThumbs' в качестве идентификатора функции scrollDivLeft или scrollDivRight.

Answer 2

Взгляните на Плагин цикла jQuery.Он будет прокручиваться влево / вправо и позволяет нажимать кнопки "Предыдущий" / "Следующий".