9186

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

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

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

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

Русский

2013-02-25

645.94 KB

21 чел.

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


 

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

33726. Следственная ситуация 11.77 KB
  Следственная ситуация – статикодинамическое состояние процесса раскрытия преступления на определённый момент отражающий своеобразие расследования. уровень и разработанность научных рекомендаций в области расследования. оценка расследуемого события существующая на момент расследования. место время расследования преступления наличие возможности использования в конкретный момент расследования сил средств времени оптимальным образом.
33727. Формы применения специальных знаний при расследовании преступлений 25 KB
  При раскрытии и расследовании преступлений, судебном разбирательстве у следователя или суда возникает необходимость в помощи лиц, обладающих специальными знаниями в различных областях науки, техники, искусства, ремесла. Специальными являются знания, основанные на теоретических познаниях в какой-либо области, а также приобретенные лицом в процессе практической профессиональной деятельности.
33728. Формы участия населения в осуществлении местного самоуправления 62.5 KB
  Формы участия населения в осуществлении местного самоуправления Существуют следующие форму участия населения в осуществлении МСУ согласно закону № 131: 1. Принятое на местном референдуме решение подлежит обязательному исполнению на территории муниципального образования и не нуждается в утверждении какимилибо органами государственной власти их должностными лицами или органами местного самоуправления. Муниципальные выборы: Муниципальные выборы проводятся в целях избрания депутатов членов выборного органа местного самоуправления выборных...
33729. Международное товарищество рабочих 134.79 KB
  Деятельность Маркса и Энгельса в 50-х годах В предвидении нового подъема рабочего движения Маркс и Энгельс приступили к собиранию сил рабочего класса, ослабленных поражениями и преследованиями, и занялись обобщением опыта недавно пройденного революционного пути
33730. Осуществление органами МСУ отдельных государственных полномочий 28 KB
  Порядок наделения органов местного самоуправления отдельными государственными полномочиями: Полномочия органов местного самоуправления установленные федеральными законами и законами субъектов Российской Федерации по вопросам не отнесенным к вопросам местного значения являются отдельными государственными полномочиями передаваемыми для осуществления органам местного самоуправления. Наделение органов местного самоуправления отдельными государственными полномочиями Российской Федерации осуществляется федеральными законами отдельными...
33731. Ответственность органов местного самоуправления и должностных лиц местного самоуправления 36 KB
  Ответственность органов местного самоуправления и должностных лиц местного самоуправления перед государством наступает на основании решения соответствующего суда в случае нарушения ими Конституции Российской Федерации федеральных конституционных законов федеральных законов конституции устава законов субъекта Российской Федерации устава муниципального образования а также в случае ненадлежащего осуществления указанными органами и должностными лицами переданных им отдельных государственных полномочий. В случае если соответствующим судом...
33732. Государственная гражданская служба: понятие, принципы, порядок прохождения 33.5 KB
  Согласно ФЗ N 79 от 27 июля 2004 года О государственной гражданской службе в РФ Государственная гражданская служба Российской Федерации вид государственной службы представляющей собой профессиональную служебную деятельность граждан Российской Федерации на должностях государственной гражданской службы Российской Федерации по обеспечению исполнения полномочий федеральных государственных органов государственных органов субъектов Российской Федерации лиц замещающих государственные должности Российской Федерации и лиц замещающих...
33733. Понятие трудового договора. Сторона трудового договора. Заключение и расторжение трудового договора 22 KB
  Понятие трудового договора. Сторона трудового договора. Заключение и расторжение трудового договора. Трудовому договору посвящена часть третья раздел третий трудового кодекса РФ.
33734. Право собственности: содержание, формы, объекты. Бремы и риск собственника. Основания возникновения и прекращения права собственности. Осуществление права государственной и муниципальной собственности 37.5 KB
  Право собственности: содержание формы объекты. Основания возникновения и прекращения права собственности. Осуществление права государственной и муниципальной собственности. Содержание права собственности Собственнику принадлежат права владения пользования и распоряжения своим имуществом.