これが私がそれを実装しようとしているページです。
www.yosoh.com/2010/advertising/beyond/
すべての画像の幅を計算し、それを合計してから、そのページの幅を設定するカスタムスクリプトがあります...上部にある矢印を設定して、次のdivにスクロールできるようにしたいと思います( div.ポートフォリオ画像)。
私は Ariel Fischer のデモとドキュメンテーションをできる限りフォローしてきました...しかし、何かが私を逃れ続けています。ページの読み込み時にようやく「動き」が発生しました..しかし、実を言うと、問題の原因がhtml構造、cssスタイル、またはserialScrollの実装であるかどうかはわかりません。
ボタンのコードは次のとおりです。
<ul id="portfolioNav">
<li><a href="" id="prev">←</a></li>
<li><a href="" id="next">→</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
});