Трудно реализовать jQuery serialScroll на веб-сайт. Нужна помощь!

Question

Вот страница, на которой я пытаюсь ее реализовать.

www.yosoh.com / 2010 / реклама / за /

У меня есть собственный скрипт, который вычисляет ширину всех изображений, добавляет его, затем устанавливает ширину этой страницы ... Я хотел бы иметь возможность установить стрелки вверху, чтобы прокрутить до следующий div (div.portfolioImage).

Я следил за демонстрацией и документацией Ариэля Фишера, как мог ... но что-то ускользает от меня. Наконец-то я получил некоторое «движение» при загрузке страницы ... но, честно говоря, я не могу понять, является ли это моей структурой 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', - это немного глупо вставлять, если вы посмотрите верхнюю часть источника демонстрационной страницы, вы увидите, что это пользовательская функция, взятая из плагина замедления, так что если эта функция не не найдено, все это сломается.

Answer 2

Если это не сработает, попробуйте увидеть jQuery.ScrollTo / jQuery.SerialScroll Горизонтальная прокрутка