2010-03-13 63 views
2

這是我正在嘗試實施的頁面。很難實現jQuery的serialScroll到網站。需要幫忙!

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

我有一個數字的所有圖像的寬度自定義腳本,增加了它,然後設置該頁面的寬度......我'd喜歡能夠設置頂部的箭頭滾動到下一個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 
}); 

回答

1

嘗試取出線easing:'easeOutQuart', - 這是一個有點愚蠢的事放入,如果你檢查演示頁面源代碼的頂部,你可以看到它是從easing插件取得的一個自定義函數,所以如果找不到這個函數,整個事情就會中斷。