Nvisual / presentation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Описание задания

Реализуйте систему для показа презентаций. Подумайте над тем, как реализовать переключение слайдов, навигацию. Предусмотрите возможность размещения нескольких презентаций на одной странице. Рекомендуется использование jQuery. Подробнее: http://company.yandex.ru/job/vacancies/dev_search_interfaces.xml

============ build - содержит необходимые файлы для работы плагина demo - демонстрационный пример с двумя презентациями

Также демонстрационный пример можно посмотреть по тут http://presentation.websage.ru/

============ Горячие клавиши

RIGHT, DOWN, SPACE, PAGE_DOWN, ENTER, NUMPAD_ENTER - переход к следующему слайду LEFT, UP, PAGE_UP - переход к предыдущему слайду HOME - вернуться к 1-му слайду ESCAPE - выйти из полноэкранного режима END - переход к последнему слайду N - показать/скрыть панель навигации C - показать/скрыть панель управления

============ Подготовка презентации

Необходимо скачать и подключить все файлы из каталога build.

На странице должны быть добавлены элементы (следуют по порядку вложенности):

  • div.slider - контейнер для всей презентации;
  • div.slider-content - контейнер для контента презентации;
  • div.slider-slides - контейнер для для слайдов;
  • div.slider-slide.slider-slide__num-1 - слайд, где после "__num-" идет номер слайда.

============ Публичные методы

step - переход к слайду, номер передается аргументом; next - переход к следующему слайду; prev - переход к предыдущему слайду; start - переход к 1-му слайду; end - переход к последнему слайду; toggleControlPanel - скрыть/показать панель управления; toggleNavigation - скрыть/показать панель навигации; enterFullMode - перей в полноэкранный режим; exitFullMode - выйти из полноэкранного режима.

About


Languages

Language:JavaScript 54.5%Language:HTML 23.3%Language:CSS 22.2%