JavaScript 슬라이드 Slick_Accessible_slideshow
-
06-09-2019 - |
문제
HTML 페이지에 3 개의 div가 있습니다. 페이지는 다음과 같습니다
HTML 페이지 :
leftArrow(>) div rightArrow(<)
DIV를 왼쪽에서 오른쪽으로, 오른쪽으로 왼쪽으로 옮겨야합니다. JavaScript 및 DHTML 사용
또는 jQuery.
그 방향으로 움직일 수 있습니까?
올바른 솔루션이 없습니다
다른 팁
예, 가능합니다. 과거에 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로 전달하십시오.
살펴보십시오 jQuery 사이클 플러그인. 왼쪽/오른쪽으로 스크롤하고 이전/다음 버튼을 허용합니다.
제휴하지 않습니다 StackOverflow