9186

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

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

Информатика, кибернетика и программирование

Работа с готовыми плагинами Jquery Цель: научиться подключать и адаптировать под свои нужды готовые плагины Jquery Теоретические сведения: Плагин - независимо компилируемый программный модуль, динамически подключаемый к основной программе, предназна...

Русский

2013-02-25

645.94 KB

22 чел.

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

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

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

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

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

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

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

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


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

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

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

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

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

1

Сделать вертикальную карусель изображений с отображением 5 элементов и автоматической прокруткой на 1 элемент каждые 8 секунд (кнопок вперед назад быть не должно)

2

Сделать горизонтальную карусель для нескольких поговорок,

Кавычки должны быть кнопками смены поговорок.

3

Сделать горизонтальную карусель изображений, с отображением одного фото по центру, и кнопками смены (влево-вправо).

Пример галереи изображен на рисунке

4

Сделать галерею изображений с помощью плагина thickbox (http://thickbox.net/).

Внешний вид: отображается 8 изображений по клику на каждое из них в pop-up окне открывается увеличенное изображение.

5

Сделать галерею изображений с помощью плагина fancyBox (http://fancybox.net/).

Внешний вид: отображается 5 изображений по клику на каждое из них в pop-up окне открывается увеличенное изображение.

6

Соединить карусель и галерею изображений jcarousel + thickbox

Внешний вид: отображается 3 элемента, кнопки влево-вправо, по клику на которые карусель вращается. По клику на любое изображение в pop-up окне открывается увеличенное изображение.

7

Сделать слайдер изображений с помощью плагина NivoSlider (http://nivo.dev7studios.com/)

Внешний вид представлен на рисунке:

В слайдере должно быть 3 изображения и различные эффекты смены изображений, под фото навигация (синие квадратики - не активные фото, оранжевый – активное фото).

8

Сделать таблицу группы (взять в деканате), внешний вид:

Номер по порядку

Фамилия

Имя

Рейтинг за 3 года обучения

С помощью плагина tablesorter (http://tablesorter.com) сделать сортировку по каждой колонке таблицы (по возрастанию/по убыванию)


 

А также другие работы, которые могут Вас заинтересовать

9931. Средства и методы защиты операционных систем 584.5 KB
  Средства и методы защиты операционных систем Технические средства и методы защиты информации. Криптографические методы защиты информации. Программно-аппаратные средства обеспечения информационной безопасности Наши бастионы. Обзор программных...
9932. Безопасность операционных систем. Классификация программных продуктов 4.84 MB
  Безопасность операционных систем Общая характеристика операционных систем назначение и возможности. Организация управления доступом и защиты ресурсов ОС основные механизмы безопасности. Генерация, настройка, измерение производительности и модифика...
9933. Информационная безопасность при использовании ОС Windows 98 447 KB
  Информационная безопасность при использовании ОС Windows 98 Архитектура подсистемы безопасности, базовая настройка подсистемы безопасности. Обеспечение безопасности в Windows 98 В этом разделе сперва рассмотрим три важных типа защиты сист...
9934. Безопасность сетевых технологий. История развития вычислительных сетей. 3.07 MB
  Безопасность сетевых технологий Компоненты сети и принципы построения. Локальные и глобальные сети. Характеристики сетевых операционных систем. Модель взаимодействия открытых систем OSI. Реализация сетевого взаимодействия средствами комму...
9935. Информационная безопасность при использовании ОС Windows NT 297.5 KB
  Информационная безопасность при использовании ОС WindowsNT Архитектура ОС и области применения, архитектура и настройка сетевой подсистемы, архитектура подсистемы безопасности, базовая настройка подсистемы безопасности. Проблема ком...
9936. Информационная безопасность при использовании ОС Windows 2000 743 KB
  Информационная безопасность при использовании ОС Windows 2000 Архитектура ОС и области применения, архитектура и настройка сетевой подсистемы, архитектура подсистемы безопасности, базовая настройка подсистемы безопасности. Проблемы безопа...
9937. Информационная безопасность при использовании вычислительной сети, построенной на базе ОС Windows 2000 (Windows XP, Windows 2003 Server) 1.88 MB
  Информационная безопасность при использовании вычислительной сети, построенной на базе ОС Windows 2000 (WindowsXP, Windows 2003 Server) Семейство Windows 2000. Работас Active Directory. Решение вопросов безопасности при админи...
9938. Информационная безопасность при использовании ОС Linux 57.5 KB
  Информационная безопасность при использовании ОС Linux Система ASPLinux, построенная на базе Red Hat Linux и поддерживающая стандарт IEEE POSIX (Portable Operating System Interface), обеспечивает многоуровневую систему приоритетов с в...
9939. Информационная безопасность при использовании Internet 659 KB
  Информационная безопасность при использовании Internet Характеристика сетевой технологии Internet. Основные угрозы информационной безопасности организации при использовании Internet. Основные приёмы защиты корпоративных сетей при использо...