jquery serialScroll을 웹 사이트에 구현하는 데 어려움이 있습니다. 도움이 필요하다!

Question

다음은 구현하려고하는 페이지입니다.

www.yosoh.com/2010/advertising/beyond/

나는 모든 이미지의 폭 밖으로 수치와 사용자 정의 스크립트를 가지고, 나는 ... 다음, 그것을 추가하는 페이지의 폭을 설정 다음 div (div.portfolioImage)로 스크롤하려면 상단에 화살표를 설정할 수 있어야합니다.

내가 할 수있는 한 최선을 다해 Ariel Fischer의 데모와 설명서를 따라 갔지만 ... 계속 뭔가가 나를 벗어납니다. 마침내 페이지로드시 일부 "움직임"을 보았습니다.하지만 사실을 말하면 HTML 구조, CSS 스타일 또는 serialScroll 구현 문제인지 여부를 알 수 없습니다. 그것은 바로 지금처럼, 여기

<ul id="portfolioNav"> 
<li><a href="" id="prev">&larr;</a></li> 
<li><a href="" id="next">&rarr;</a></li> 
</ul> 

스크립트입니다 : - 그것으로 어리석은 일의 약간의

$('#mainContent').css('overflow', 'hidden'); 
$('#mainContent').serialScroll({ 
    items:'.portfolioItem', 
    prev:'a#prev', 
    next:'a#next', 
    axis: 'x', 
    duration:1200, 
    force:true, 
    stop:true, 
    lock:false, 
    easing:'easeOutQuart', 
    jump: true 
}); 

Answer 1

라인 easing:'easeOutQuart',을 복용하려고 여기

은 버튼에 대한 코드입니다 넣으면, 데모 페이지 소스의 맨 위를 보면 easing plugin에서 가져온 커스텀 함수라는 것을 알 수 있습니다. 그래서 그 함수가 발견되지 않으면, 모든 것이 깨질 것입니다.

Answer 2

그래도 작동하지 않으면 jQuery.ScrollTo/jQuery.SerialScroll Horizontal Scrolling