pagify

Pagify

Этот jQuery плагин идеально подходит для создания одностраничных сайтов.

Чем же он так хорош? Почему мы его выбрали для обзора? Смотрите...

Пример Скачать

Основные характеристики

  • Простота — включите в проект pagify.js, создайте элемент div, сделайте один jQuery вызов и все должно работать!
  • Легкость — pagify.js занимает менее 100 строк кода. Кроме того, код хорошо откомментирован и понятен для дальнейшего программирования.
  • Гибкость — Можно настраивать любое количество страниц, анимацию и кэширование!
  • Быстрота — Есть возможность загрузить все страницы заранее или на лету. Все данные страниц подгружаются с помощью вызова $.get()!
  • Чистота — Контент изначально разделен по HTML страницам, но с помощью JS соединяется в единое целое.
  • Не требует PHP — Используются только Javascript и HTML!

Использование

Просто посмотрите пример работы плагина или попробуйте следующий код...

Создайте страницу-контейнер:

Загрузите Pagify и jQuery:

Создайте DIV, который будет содержать данные страниц:

Вызовите pagify со следующими параметрами (обязательна только опция pages.)

Организуйте ссылки на страницы в виде хешей:

Создайте страницы

Создайте страницы с данными (имя файлов для страниц — [page_name].html) в той же директории, где располагается основной контейнер.

Опции

  • pages — массив имен страниц. Обязательно.
  • default — имя страницы, загружаемой по умолчанию.
  • animation — jQuery анимация, используемая для показа страниц, например, fadeIn, show, slideUp, slideDown. по умолчанию show.
  • animationSpeed — скорость анимации, например fast, slow, 1000. по умолчанию 'normal'.
  • animationOut — jQuery анимация, используемая для скрытия страниц, например fadeOut, hide, slideUp, slideDown. по умолчанию hide.
  • animationOutSpeed — скорость анимация для скрытия страниц, например fast, slow, 1000. по умолчанию 0.
  • cache — true или false. Определяет, загружаются ли все страницы заранее или на лету. по умолчанию false.
  • onChange — функция, которая принимает в качестве параметра название загружаемой страницы и выполняется, когда происходит смена страниц. по умолчанию функция пуста.


Оставить комментарий