JavaScript slide slick_accessible_slideshow

Question

Ich habe drei divs in einer HTML-Seite. die Seite aus wie diese

HTML-Seite:

   leftArrow(>)   div   rightArrow(<)

Ich brauche die div, sich von links nach rechts und von rechts nach links. mit Hilfe von Javascript und DHTML

oder JQuery.

Ist es möglich, in diese Richtung zu bewegen?

Answer 1

Ja, es ist möglich, ich habe es in der Vergangenheit getan, ohne jQuery zu verwenden.

Ich habe ein das folgende Markup:

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

Dann ein Mouseover-Ereignis auf der linken und rechten Pfeile hinzufügen, in ‚HorThumbs‘ vorbei als Id entweder scrollDivLeft oder scrollDivRight Funktion.

Answer 2

Werfen Sie einen Blick auf die jQuery Plugin Zyklus . Es wird blättern Sie nach links / rechts und ermöglicht prev / next Tasten.