/* * * ImageScroller - a Image Horizental Scroll Viewer * Version 0.1 * @requires jQuery v1.2.1 * * Copyright (c) 2007 Luan * Email verycss-ok@yahoo.com.cn * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ jQuery.fn.imageScroller = function(params){ var p = params || { next:"buttonNext", prev:"buttonPrev", frame:"viewerFrame", width:500, child:"a", auto:true, direction:"turnLeft" }; var _btnNext = $("#"+ p.next); var _btnPrev = $("#"+ p.prev); var _imgFrame = $("#"+ p.frame); var _width = p.width; var _child = p.child; var _auto = p.auto; var _direction = p.direction; var _itv; //alert(_direction); var turnLeft = function(){ _btnPrev.unbind("click",turnLeft); if(_auto) autoStop(); _imgFrame.animate( {marginLeft:-_width}, 'fast', '', function(){ _imgFrame.find(_child+":first").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().show().prependTo( _imgFrame ); _imgFrame.css("marginLeft",-_width); _imgFrame.animate( {marginLeft:0}, 'fast' ,'', function(){ _imgFrame.find(_child+":last").remove(); _btnNext.bind("click",turnRight); if(_auto) autoPlay(); }); }; _btnNext.css("cursor","hand").click( turnRight ); _btnPrev.css("cursor","hand").click( turnLeft ); var autoPlay = function(){ _itv = window.setInterval(eval(_direction), 3000); // turnLeft , turnRight 좌우설정, 시간설정 }; var autoStop = function(){ window.clearInterval(_itv); }; if(_auto) autoPlay(); };