화면을 스무스 하게 이동시키려면 ? (제이쿼리) 정보
화면을 스무스 하게 이동시키려면 ? (제이쿼리)
본문
var turnLeft = function(){
_btnPrev.unbind("click",turnLeft);
if(_auto) autoStop();
_imgFrame.animate( {marginLeft:-_width}, 'slow', '', 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}, 'slow' ,'', function(){
_imgFrame.find(_child+":last").remove();
_btnNext.bind("click",turnRight);
if(_auto) autoPlay();
});
};
위 소스데로 하면 화면이 뚝뚝 잘려 나가듯 정지하면서 좌로 이동하는데요.
어디를 고치면 스무스 하게 이동 시킬 수 있나요 ?
_btnPrev.unbind("click",turnLeft);
if(_auto) autoStop();
_imgFrame.animate( {marginLeft:-_width}, 'slow', '', 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}, 'slow' ,'', function(){
_imgFrame.find(_child+":last").remove();
_btnNext.bind("click",turnRight);
if(_auto) autoPlay();
});
};
위 소스데로 하면 화면이 뚝뚝 잘려 나가듯 정지하면서 좌로 이동하는데요.
어디를 고치면 스무스 하게 이동 시킬 수 있나요 ?
댓글 전체
딜레이쫌 넣어보는건어떠세요? php 레스펀스안에 있을걸요
감사합니다.
제이쿼리의 animate API 문서를 확인해보세요
http://api.jquery.com/animate/
http://api.jquery.com/animate/
감사합니다.