Работа с готовыми плагинами Jquery

Лабораторная работа №8

Цель: научиться подключать и адаптировать под свои нужды готовые плагины Jquery

Теоретические сведения:

Плагин - независимо компилируемый программный модуль, динамически подключаемый к основной программе, предназначенный для расширения и/или использования её возможностей. Также может переводиться как «модуль». Плагины обычно выполняются в виде разделяемых библиотек.

Рассмотрим пример создания карусели изображений с использованием плагина jCarousel (http://sorgalla.com/jcarousel/)

1. Подключаем библиотеку Jquery, плагин карусели (jcarousel), а также стандартный файл скина для карусели (skin.css)

2. Создаем html-структуру для галереи изображений:

3. Инициализируем работу карусели:

4. Исправляем css-файл, для отображения необходимого внешнего вида галереи изображений.

5. При необходимости изменяем свойства плагина jcarousel для корректной работы с заданными условиями.

Полный список свойств можно посмотреть:

http://sorgalla.com/projects/jcarousel/

Индивидуальные задания:

	Сделать вертикальную карусель изображений с отображением 5 элементов и автоматической прокруткой на 1 элемент каждые 8 секунд (кнопок вперед назад быть не должно)
	Сделать горизонтальную карусель для нескольких поговорок, Кавычки должны быть кнопками смены поговорок.
	Сделать горизонтальную карусель изображений, с отображением одного фото по центру, и кнопками смены (влево-вправо). Пример галереи изображен на рисунке
	Сделать галерею изображений с помощью плагина thickbox (http://thickbox.net/). Внешний вид: отображается 8 изображений по клику на каждое из них в pop-up окне открывается увеличенное изображение.
	Сделать галерею изображений с помощью плагина fancyBox (http://fancybox.net/). Внешний вид: отображается 5 изображений по клику на каждое из них в pop-up окне открывается увеличенное изображение.
	Соединить карусель и галерею изображений jcarousel + thickbox Внешний вид: отображается 3 элемента, кнопки влево-вправо, по клику на которые карусель вращается. По клику на любое изображение в pop-up окне открывается увеличенное изображение.
	Сделать слайдер изображений с помощью плагина NivoSlider (http://nivo.dev7studios.com/) Внешний вид представлен на рисунке: В слайдере должно быть 3 изображения и различные эффекты смены изображений, под фото навигация (синие квадратики - не активные фото, оранжевый – активное фото).
	Сделать таблицу группы (взять в деканате), внешний вид:   Номер по порядку Фамилия Имя Рейтинг за 3 года обучения   С помощью плагина tablesorter (http://tablesorter.com) сделать сортировку по каждой колонке таблицы (по возрастанию/по убыванию)