좌우 이미지 롤링  도와주실분^^ 낸생첨으로 만든 롤링 ㅎㅎ



현재 좌우 롤링이랑 밑에 동그라미 눌렀을때 움직이기까지 성공했는데요

좌로 끝까지 누르거나 우로 끝까지 눌렀을때 맨첨으로 오게 할려면 어떻게 하는지요??

도와주실분~~

소스 오픈

<script type="text/javascript">

var $list = $('#album-contain').find('ul.album');
//var $prev = $('#album-contain').find('.prevBtn');
//var $next = $('#album-contain').find('.nextBtn');
var $prev = $('.prevBtn');
var $next = $('.nextBtn');
var size = $list.children().outerWidth();
var len =  $list.children().length;
var cnt = 0;

$list.css('width',len*size);

$('.bt-roll').children().bind('click',function(){

var idx = $('.bt-roll').children().index(this);
cnt = idx;
$list.animate({'left': -(cnt*size)+'px' },'normal');

var source2 = $('.bt-roll').children().find('img').attr('src').replace('_.png','.png');
$('.bt-roll').children().find('img').attr('src',source2);

var source = $(this).find('img').attr('src').replace('.png','_.png');
$(this).find('img').attr('src',source);

if(cnt==0){
$prev.hide();
$next.show();
}
if(cnt>=len-1){
$prev.show();
$next.hide();
}
if(cnt>0&&cnt<len-1){
$prev.show();
$next.show();
}

return false;
});

$next.bind('click', function(){

if(cnt>=len-1) return false;

cnt++;
$list.animate({'left': -(cnt*size)+'px'}, 'normal');

var btOff = $('.bt-roll').children().find('img').attr('src').replace('_.png','.png');
$('.bt-roll').children().find('img').attr('src',btOff);

var btOn =  $('.bt-roll').children().eq(cnt).find('img').attr('src').replace('.png','_.png');
$('.bt-roll').children().eq(cnt).find('img').attr('src',btOn);


if(cnt > 0) $prev.show();
if(cnt>=len-1) $(this).hide();

return false;
});

$prev.bind('click', function(){
if(cnt==0) return false;

cnt--;
$list.animate({'left': -(cnt*size)+'px'}, 'normal');

var btOff = $('.bt-roll').children().find('img').attr('src').replace('_.png','.png');
$('.bt-roll').children().find('img').attr('src',btOff);

var btOn =  $('.bt-roll').children().eq(cnt).find('img').attr('src').replace('.png','_.png');
$('.bt-roll').children().eq(cnt).find('img').attr('src',btOn);


if(cnt <= len-1) $next.show();
if(cnt==0) $(this).hide();

return false;
});

</script>