Карусель Javascript / слайдер с настраиваемой навигацией

Question

В настоящее время я занимаюсь разработкой сайта, и мне нужен гибрид карусели / слайдера на основе javascript, который автоматически отображает 3 или 4 разных изображения, давая пользователю возможность щелкнуть одно и перейти на другую страницу. на сайте. Мне также нужны разные слайды, чтобы иметь какую-то навигацию, обозначаемую либо именами для каждого слайда (как в эффекте слайдера Coda), либо символами (например, точки для каждого слайда), чтобы пользователи могли просмотреть свои варианты перед тем, как нажать на слайд, чтобы посетить определенный выделенный раздел.

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

Заранее спасибо.

Answer 1

Если я что-то не упустил, навигация в iLife выглядит как фотогалерея, где большая фотография связана с пунктом назначения. Я использовал jQuery Galleria для фотогалерей, потому что эффекты анимации превосходны. Также форум предоставляет полезную поддержку сообщества.

Если вам нужна анимация в стиле карусели с перемещением изображений влево и вправо, попробуйте библиотеку jQuery Carousel . Я сам не использовал его, поэтому не могу комментировать его простоту использования или качество.

Answer 2

Эй, я не уверен, насколько это будет полезно, но посмотрите на этот слайдер. Это очень просто и имеет эскизы навигации, я думаю, что вы ищете

http://codetutorial.caroshaw.com/jquery_image_slider.php

Answer 3

Управление каруселью YUI было бы еще одной отправной точкой для изучения. (Обратите внимание, что на момент написания статьи он находится в бета-версии.)

Answer 4

jQuery animate или jCarousel