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

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -