JavaScript 슬라이드 Slick_Accessible_slideshow

Question

HTML 페이지에 3 개의 div가 있습니다. 페이지는 다음과 같습니다

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 함수로 ID로 전달하십시오.

Answer 2

살펴보십시오 jQuery 사이클 플러그인. 왼쪽/오른쪽으로 스크롤하고 이전/다음 버튼을 허용합니다.