Pregunta

Tengo tres div en una página HTML.la pagina se ve asi

Página HTML:

   leftArrow(>)   div   rightArrow(<)

Necesito mover el div de izquierda a derecha y de derecha a izquierda.usando javascript y DHTMl

o JQuery.

¿Es posible avanzar en esa dirección?

No hay solución correcta

Otros consejos

Sí, es posible, lo hice en el pasado sin usar jQuery.

Tengo el siguiente marcado:

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

Luego agregue un evento MouseOver a las flechas izquierda y derecha, pasando 'HorThumbs' como ID de la función scrollDivLeft o scrollDivRight.

Échale un vistazo al complemento de ciclo jQuery.Se desplazará hacia la izquierda/derecha y permitirá los botones anterior/siguiente.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top