dle.in.ua » Другие Скрипты » Вращающий слайдер на jQuery и CSS3

Вращающий слайдер на jQuery и CSS3

Автор: NoSay от 15-08-2011, 11:49
Вращающий слайдер на jQuery и CSS3

Ассиметричный слайдер с небольшим поворотом изображений: когда выполняется скольжение изображений, они слегка поворачиваются, а анимация для каждой картинки выполняется с небольшой задержкой. Необычная форма слайдера создается размещением элементов и использованием толстой рамки. Слайдер имеет опцию автопроигрывания и функционал работы с колесиком мыши.

В слайдере используются плагины jQuery 2D Transformation для вращения изображений и Mousewheel для управления мышью.


Источник урока

Для старых браузеров функционирование слайдера будет отличаться - используется простое затухание для смены изображений.

demo_1213.zip [362,92 Kb] (cкачиваний: 391)

Теги: слайдер, jQuery, CSS3, Mousewheel

  • Группа: User
  • Icq: --
  • Комментариев: 6
  • Публикаций: 0
  • а как установить, дайте ирструкцию
    • Crysnik
    • Регистрация: 9.07.2010
    • Репутация: (0|0|0)
    • 17 августа 2011 14:01
    • 1
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 19
  • Публикаций: 1
  • Что тут устанавливать, стили подключи, скрипты. и код куда нужно вставь.
    • fob
    • Регистрация: 25.03.2010
    • Репутация: (0|0|0)
    • 17 августа 2011 17:33
    • 2
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 6
  • Публикаций: 0
  • код то напиши
    • Crysnik
    • Регистрация: 9.07.2010
    • Репутация: (0|0|0)
    • 19 августа 2011 14:07
    • 3
    ^
  • Группа: User
  • Icq: --
  • Комментариев: 19
  • Публикаций: 1
  • Демку скачай и открой, по вытаскивай коды оттуда, там стили и коды есть всё, только лишнее не скопируй.
    • fob
    • Регистрация: 25.03.2010
    • Репутация: (0|0|0)
    • 19 августа 2011 16:25
    • 4
    ^
    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.