// JavaScript Document jQuery.fn.imageScroller = function(params){ p = params || { next:"buttonNext", prev:"buttonPrev", frame:"viewerFrame", child:"a", margleftzhi:0, auto:true }; var _btnNext = $("#"+ p.next); var _btnPrev = $("#"+ p.prev); var _imgFrame = $("#"+ p.frame); var _child = p.child; var _auto = p.auto; var _itv; _margleftzhi = p.margleftzhi; var turnLeft = function(){ _btnPrev.unbind("click",turnLeft); if(_auto) autoStop(); _imgFrame.find(_child+":last").removeClass('noborder'); _imgFrame.animate( {marginLeft:_margleftzhi}, 'slow', '', function(){ _imgFrame.find(_child+":first").addClass('noborder').appendTo( _imgFrame ); _imgFrame.css("marginLeft",0); _btnPrev.bind("click",turnLeft); if(_auto) autoPlay(); }); }; var turnRight = function(){ _btnNext.unbind("click",turnRight); if(_auto) autoStop(); _imgFrame.find(_child+":last").clone().removeClass('noborder').show().prependTo( _imgFrame ); _imgFrame.css("marginLeft",_margleftzhi); _imgFrame.animate( {marginLeft:0}, 'slow' ,'', function(){ _imgFrame.find(_child+":last").remove(); _btnNext.bind("click",turnRight); _imgFrame.find(_child+":last").addClass('noborder'); if(_auto) autoPlay(); }); }; _btnNext.css("cursor","pointer").click( turnRight ); _btnPrev.css("cursor","pointer").click( turnLeft ); var autoPlay = function(){ _itv = window.setInterval(turnLeft, 3800); }; var autoStop = function(){ window.clearInterval(_itv); }; if(_auto) autoPlay(); };