Слайд по карусели с плавной шириной

У меня есть такая разметка:

<section id="content">
  <a class="back">Back</a>
  <a class="forward"/>Forward</a>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

  <article>
   <p>Lorem ipsum</p>
  </article>

</section>

Где содержание статьи имеет разную высоту, а весь макет находится в плавающем контейнере. Я хотел бы настроить это так, чтобы ссылки «назад» и «вперед» циклически проходили по всем статьям под контентом, а также бесконечно зацикливались. Вишенкой на торте будут переходы для анимации справа налево для перехода вперед и слева направо для предыдущего,

Просто не уверен, как, ДЕЙСТВИТЕЛЬНО признателен за любую помощь.


person Fuego DeBassi    schedule 21.06.2012    source источник


Ответы (2)


Раньше я использовал плагин Nivo Slider для чего-то подобного. Он очень прост в использовании и прост в настройке. И это бесплатно! Вы можете скачать это здесь:

http://nivo.dev7studios.com/

Учебник по его установке находится здесь:

http://nivo.dev7studios.com/support/jquery-plugin-usage/

person Marquis    schedule 21.06.2012

Вот простая бесконечная карусель с jQuery

Я скопировал код в jsfiddle, чтобы вы могли проверить

пример jsfiddle

person astro boy    schedule 21.06.2012