jQuery(function($){ $(".c_sn").each(function(){ var navi = this; // default: left navi.prev = true; navi.mousedown = false; // 기본 속도 var speed = (typeof(xe.cns_speed)=="undefined")? 2000 : xe.cns_speed; // 화살표 onclick var speed2 = (typeof(xe.cns_speed2)=="undefined")? 2000 : xe.cns_speed2; // 현재 속도 (temp speed) var speed3; var sLeft = function() { var li = $("li:first", navi)[0]; var ul = $("ul", navi); var marginLeft = parseInt($(li).css("marginLeft")); var width = $(li).width(); speed3 = navi.mousedown? speed2 : speed; // 임시 속도 = 원래 속도 - 현재 진행도 if(parseInt($(li).css("marginLeft")) && $(li).width()) { if(navi.prev) speed3 = speed3 + parseInt( speed3 * marginLeft / width ); else speed3 = speed3 - parseInt( speed3 * (width+marginLeft) / width ); } $(li).animate({ "marginLeft": (navi.prev? width*-1 : 0) +"px" }, speed3, "linear", function(){ if(navi.prev) { var clone = $(li).clone(); clone.css("marginLeft", 0); ul.append(clone); $(li).remove(); } else { var clone = $("li:last", navi).clone(); clone.css("marginLeft", width*-1 +"px"); ul.prepend(clone); $("li:last", navi).remove(); } sLeft(); }); } var sStop = function() { $("li", navi).stop(); } $("button", this).mousedown(function(){ sStop(); if( $(this).parent("span").hasClass("next") ) navi.prev = false; else navi.prev = true; navi.mousedown = true; sLeft(); }).mouseup(function(){ sStop(); //navi.prev = true; navi.mousedown = false; sLeft(); }); sLeft(); if(xe.stop!="stop") return; $(this).hover(function(){ sStop(); navi.mousedown = false; }, function(){ sStop(); navi.mousedown = false; sLeft(); }); }); });