javascript slide 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 cycle pluginをご覧ください。左右にスクロールし、前/次のボタンを表示します。