How do I slide images left to right or right to left using jquery?

Click here to view example I knocked up. You can easily change the code to work on a timed interval.

Click here to view example I knocked up. You can easily change the code to work on a timed interval: JS $(document). Ready(function(){ $('#rotator > a.arrow.

Left'). Click(function(e){ e. PreventDefault; var rotator = $('#rotator .

Images'); rotator. Children('. ImageHolder').first().

Animate({marginLeft:"-=310px"}, function(){ $(this). AppendTo(rotator). RemoveAttr("style"); }); }); $('#rotator > a.arrow.

Right'). Click(function(e){ e. PreventDefault; var rotator = $('#rotator .

Images'); rotator. Children('. ImageHolder').last().

PrependTo(rotator). RemoveAttr("style"). Css("margin-left", "-310px").

Animate({marginLeft:"0"}); }); }); CSS #rotator{width:310px; height:220px; position:relative; overflow:hidden; position:relative;} #rotator . Images{width:1000%; position:relative; z-index:1;} #rotator a. Arrow{width:18px; height:41px; display:block; z-index:2; text-indent:-50000em; position:absolute; top:89px; background:#FFF;} #rotator a.arrow.

Left{left:0;} #rotator a.arrow. Right{right:0;} #rotator . Images .

ImageHolder{width:310px; float:left; height:220px; position:relative;} #rotator . Images . ImageHolder span {width:290px; margin: 10px; color:#FFF; font-size:18px; position:absolute; top:0; left:0; z-index:4;} #rotator .

Images . ImageHolder img{width:310px; height:220px; position:absolute; display:block; top:0; left:0; z-index:3;} HTML Image Number 1 Image Number 2 Image Number 3 Image Number 4.

$("div"). Click(function () { $(this). { direction: "left" }, 1000); }).

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions