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

次に同上scrollDivLeftまたはscrollDivRightのいずれかの機能として「HorThumbs」を渡し、あなたの左と右の矢印にマウスオーバーイベントを追加します。

Answer 2

jQueryのサイクルのプラグインのを見てみましょう。これは、右/左とPREV / NEXTボタンを可能にスクロールします。