янв
12
2016

Изучаем jQuery. Cycle

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

http://jquery.malsup.com/cycle2
https://github.com/malsup/cycle2

Aromas in CoffeeAromas in CoffeeAromas in CoffeeAromas in CoffeeAromas in Coffee

Для переключения слайдера с помощью клавиатуры (стрелками вперед/назад):

script.js
$(document.documentElement).keyup(function (event) {
 if (event.keyCode == 37) {
  $('.cycle-slideshow').cycle('prev');
 } else if (event.keyCode == 39) {
  $('.cycle-slideshow').cycle('next')
 }
});