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


 

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

29542. ПРОФЕСІЙНА ЕТИКА ТА ЕСТЕТИКА 431.18 KB
  Знання естетики впливає на розвиток людини розкриває принципи пізнання естетичних обєктів. Вона вивчає мораль загалом як особливу сферу життєдіяльності людини аналізує природу структуру та соціальну роль моралі досліджує її походження й історичний розвиток теоретично обґрунтовує певну систему моральних поглядів і норм. Вона розглядає закономірності морального життя особистості та суспільства шляхи й засоби вдосконалення стосунків між людьми способи запобігання руйнації моральних взаємин моральну культуру особистості що проявляється в...
29543. ФІНАНСИ ПІДПРИЄМСТВ. Конспект лекцій 315.5 KB
  Фінанси підприємства економічні відносини які повязані з кругообігом засобів створенням розподілом і використанням фондів грошових коштів. Децентралізовані фонди грошових коштів які використовуються в процесі фінансової діяльності представляють собою фінансові ресурси виробничих обєднань підприємства і галузей народного господарювання а також населення. За браком власних оборотних коштів для поточного інвестування необхідно визначити потребу в позичкових коштах. Безпосереднім завдання управління фінансами підприємств є забезпечення...
29544. Конспект лекцій з Фінансового права 333.5 KB
  Бюджетне право УкраїниТема 5. Банківська система України. валюта України грошові знаки у вигляді банкнотів казначейських білетів монет і в інших формах що перебувають в обігу та є законним платіжним засобом на території України а також вилучені з обігу або такі що вилучаються з нього але підлягають обмінові на грошові знаки які перебувають в обігу кошти на рахунках у внесках в банківських та інших кредитнофінансових установах на території України; 2. платіжні документи та інші цінні папери акції облігації купони до них бони...
29545. Фінансове право. Конспект лекцій 713 KB
  Фінансове право в системі права України. Однак коли Національний банк України перевіряє діяльність комерційного банку і виявляє порушення в умовах надання кредиту він має право застосувати фінансові санкції за порушення банківського законодавства як орган що представляє інтереси держави у сфери забезпечення фінансової діяльності держави. Конституція України є Основним Законом держави єдиним нормативноправовим актом найвищої юридичної сили що регулює найважливіші суспільні відносини у тому числі у сфері фінансової діяльності. Норми...
29548. ФУТБОЛЬНЫЙ КЛУБ ЦСКА В ЗЕРКАЛЕ СОВРЕМЕННОЙ СПОРТИВНОЙ ПРЕССЫ: ЕВРОКУБКОВЫЕ ИГРЫ 389 KB
  ЧЕРНЫШЕВСКОГО Кафедра новейшей русской литературы ФУТБОЛЬНЫЙ КЛУБ ЦСКА В ЗЕРКАЛЕ СОВРЕМЕННОЙ СПОРТИВНОЙ ПРЕССЫ: ЕВРОКУБКОВЫЕ ИГРЫ ДИПЛОМНАЯ РАБОТА студента 5 курса Института филологии и журналистики Кудряшова Владимира Александровича фамилия имя отчество Научный руководитель профессор д. звание подпись дата инициалы фамилия Саратов 2012 Содержание Введение3 1 глава: ЦСКА 20012005 гг.21 2 глава: ЦСКА 20052012 гг.77 Введение Профессиональный футбольный клуб ЦСКА...
29549. Микрофоны. Использование на сцене и в студии звукозаписи 765.31 KB
  Озвучивание сцены с помощью систем подвесных микрофонов 3 Индивидуальное озвучивание с помощью радиомикрофонов 4 Озвучивание сцены с помощью систем подвесных микрофонов Как правило под словом театр представляется спектакль в больш ом красивом здании с хорошей акустикой где даже шепот будет сл ышен в последнем ряду. Наиболее естественного звучания при усилении актерской речи можно добиться при помощи системы подвесных микрофонов. Для этих целей использу...