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

StackOverflow https://stackoverflow.com/questions/445432

  •  22-07-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

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

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

Другие советы

jQuery animate или jCarousel

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top