javascript diapositiva slick_accessible_slideshow

Question

ho tre div in una pagina HTML.la pagina simile a questa

Pagina HTML:

   leftArrow(>)   div   rightArrow(<)

ho bisogno di spostare il div da sinistra a destra e da destra a sinistra.utilizzando javascript e DHTMl

o JQuery.

È Possibile Muoversi in quella direzione ?

Answer 1

Sì, è possibile, l'ho fatto in passato, senza utilizzo di jQuery.

Ho il seguente codice:

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

Quindi aggiungere un evento MouseOver per le vostre frecce destra e sinistra, passando 'HorThumbs' come Id per scrollDivLeft o scrollDivRight funzione.

Answer 2

Date un'occhiata al jQuery cycle plugin.Potrete scorrere a sinistra/destra e permette di tasti prev/next.