diapositiva javascript slick_accessible_slideshow
-
06-09-2019 - |
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