javascript - image slider code, can anyone elaborate it -
javascript - image slider code, can anyone elaborate it -
hi there iam new javascript , wanted imageslider, came across code mentioned below. can explain me, code within **. appreciate it, thanks.
var blocks = $(".blocks li"); var image = $(".imageholder li"); var imgholder = $(".imageholder"); var imagew = $(".imageholder li").width(); var speed = 300; blocks.removeclass('selected').first().addclass('selected'); **blocks.click(function() { var target = $(this).index();** **imgholder.animate({"left": "-"+imagew*target+"px"}, speed);** blocks.removeclass('selected'); $(this).addclass('selected');
blocks.click
means when click on element li within element class of blocks
, execute function in parameters.
var target = $(this).index();
means getting number of element, clicking on sec element assign 2 target.
imgholder.animate({"left": "-"+imagew*target+"px"}, speed)
will animate img left, @ speed of speed , position -ypx, y equal imagewidth
times target
javascript
Comments
Post a Comment