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) сделать сортировку по каждой колонке таблицы (по возрастанию/по убыванию)


 

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

75761. Причины региональной деградации биосферы. Формирование техносферы-нового типа среды обитания 15.71 KB
  Этим изменениям во многом способствовали: высокие темпы роста численности населения на Земле демографический взрыв и его урбанизация; рост потребления и концентрация энергетических ресурсов; интенсивное развитие промышленного и сельскохозяйственного производства; массовое использование транспорта; рост затрат на военные цели и ряд других процессов. Достижения в медицине повышение комфортности деятельности и быта интенсификация и рост продуктивности сельского хозяйства во многом способствовали увеличению продолжительности...
75762. Взаимодействие человека и техносферы 12.42 KB
  Взаимодействие человека и техносферы Человек и окружающая его среда гармонично взаимодействуют и развиваются лишь в условиях когда потоки энергии вещества и информации находятся в пределах благоприятно воспринимаемых человеком и природной средой. Любое превышение привычных уровней потоков сопровождается негативными воздействиями как на человека так и природную среду. и действиями человека. комфортное оптимальное когда потоки соответствуют оптимальным условиям взаимодействия: создают оптимальные условия деятельности и отдыха;...
75763. Понятие опасных и вредных производственных факторов 42.64 KB
  Понятие опасных и вредных производственных факторов По степени и характеру действия на организм все факторы условно делят на вредные и опасные. К вредным относятся такие факторы которые становятся в определенных условиях причиной заболеваний или снижения работоспособности. Опасными называют такие факторы которые приводят в определенных условиях к травматическим повреждениям или внезапным и резким нарушениям здоровья. И опасные и вредные факторы могут быть естественного или природного и антропогенного характера т.
75764. Теоретические основы и практические функции БЖД 21.59 KB
  Иначе говоря традиционно в данном научном направлении рассматривается преимущественно лишь локальная система жизнедеятельности как образующая своего рода фундамент безопасности для системы более высокого уровня так называемой глобальной системы жизнедеятельности. Соответственно можно выделить пространство локальной безопасности жизнедеятельности которое составляет часть более общего пространства глобальной безопасности жизнедеятельности. Кроме того говоря о локальной безопасности жизнедеятельности следует учитывать что в последнее время...
75765. Индивидуальный и социальный риск 15.64 KB
  Индивидуальный и социальный риск Наиболее распространенной оценкой опасности является риск. Риск частота реализации опасностей. Риск расценивается или как опасное условие при котором выполняется деятельность или же как действие совершаемое в условиях неопределенности. Различают индивидуальный и социальный риск.
75766. Основные задачи БЖД 12.77 KB
  Основные задачи БЖД Безопасность жизнедеятельности представляет собой область научных знаний охватывающих теорию и практику защиты человека от опасных и вредных факторов во всех сферах человеческой деятельности сохранение безопасности и здоровья в среде обитания. Эта дисциплина решает следующие основные задачи: идентификация распознавание и количественная оценка негативных воздействий среды обитания; защита от опасностей или предупреждение воздействия тех или иных негативных факторов на человека; ликвидация отрицательных последствий...
75767. Опасность – центральное понятие БЖД 14.38 KB
  Опасность центральное понятие БЖД Опасность центральное понятие в науке БЖД под которым подразумеваются любые явления процессы объекты свойства предметов способные в определенных условиях причинить ущерб здоровью и жизни человека. Опасность хранят все системы имеющие энергию химически или биологически активные компоненты а так же свойства несоответствующие условиям жизнедеятельности человека. Потенциальный означает опасность возможная скрытая отложенная на потом. Признаками определяющими опасность являются: ...
75768. Номенклатура опасностей. Идентификация опасностей 16.99 KB
  Номенклатура опасностей. Идентификация опасностей. В процессе идентификации выявляются номенклатура опасностей. Главное в идентификации заключается в установлении возможных причин проявления опасностей.
75769. ДИАГНОСТИКА РЕЗУЛЬТАТОВ ОСВОЕНИЯ МЛАДШИМИ ШКОЛЬНИКАМИ СОДЕРЖАТЕЛЬНОЙ ЛИНИИ «ЧЕЛОВЕК-ОБЩЕСТВО» 179 KB
  Система диагностики результатов освоения младшими школьниками образовательной области Окружающий мир. Оценивание как основой метод диагностики результатов освоения содержательных линий. Оценивание метапредметных результатов освоения содержательных линий образования.