jquery.fn.imagescroller = function (params) { var p = params || { next: "buttonnext", prev: "buttonprev", frame: "showlistimg", child: "li", auto: true }; var _btnnext = $("#" + p.next); var _btnprev = $("#" + p.prev); var _imgframe = $("#" + p.frame); var _child = p.child; var _auto = p.auto; var _itv; var movelength = $("#" + p.frame+" li").outerwidth(); var turnleft = function () { _btnprev.unbind("click", turnleft); if (_auto) autostop(); _imgframe.animate({ marginleft: -movelength }, 150, '', function () { _imgframe.css("marginleft", 0); _imgframe.find("li:first").appendto(_imgframe); _btnprev.bind("click", turnleft); if (_auto) autoplay(); }); }; var turnright = function () { _btnnext.unbind("click", turnright); if (_auto) autostop(); _imgframe.find("li:last").clone().show().prependto(_imgframe); _imgframe.css("marginleft", -movelength); _imgframe.animate({ marginleft: 0 }, 150, '', function () { _imgframe.find(_child + ":last").remove(); _btnnext.bind("click", turnright); if (_auto) autoplay(); }); }; _btnnext.click(turnright); _btnprev.click(turnleft); var autoplay = function () { _itv = window.setinterval(turnleft, 3000); }; var autostop = function () { window.clearinterval(_itv); }; if (_auto) autoplay(); };