javascript slide slick_accessible_slideshow

Question

J'ai trois div dans une page HTML. le look page comme celle-

HTML Page:

leftArrow(>) div rightArrow(<) 

i besoin de se déplacer la div de gauche à droite et de droite à gauche. en utilisant javascript et DHTMl

ou JQuery.

Est-il possible de se déplacer dans cette direction?

Answer 1

Oui c'est possible, je l'ai fait dans le passé sans utiliser jQuery.

J'ai un balisage suivant:

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

Puis ajouter un événement MouseOver à vos flèches gauche et droite, en passant « HorThumbs » comme Id soit fonction scrollDivLeft ou scrollDivRight.

Answer 2

Jetez un oeil à la jQuery cycle plugin. Il défile vers la gauche/droite et permet les boutons prev/next.