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


 

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

43175. Расчет рычажного механизма 5.53 MB
  Структурный анализ рычажного механизма. Определение расчетного положения механизма. Построение плана механизма в расчетном положении. Структурная схема рычажного механизма показанная. Структурная схема механизма.
43176. Плановая геодезическая основа для строительства промышленного комплекса 5.36 MB
  На данной территории с севера на юг протекает река Быстрая. Река имеет ширину около 50 метров и скорость течения 0,2 м/с, глубина 7 метров. Берега реки пологие, высотой около 1 метра и имеют растительный покров. Берега реки обусловлены небольшим количеством болот. Дата установления ледяного покрова приходится в начале ноября, а вскрытие в начале апреля. Глубина залегания грунтовых вод от 4 до 5 м. На юге есть 2 небольших пруда.
43177. Главная линия рабочей клети № 6 черновой группы стана 2000 10.58 MB
  Листовой горячекатаный прокат производится на непрерывных и полунепрерывных широкополосных станах горячей прокатки (примерно 3/4 общего объема производства), полосовых станах с моталками в печах, планетарных и толстолистовых станах. В настоящее время наиболее эффективным способом производства горячекатаных листов и полос является прокатка в непрерывных и полунепрерывных станах. На этих станах прокатывается также подкат для станов холодной прокатки. Современные широкополосные станы горячей прокатки рассчитаны на прокатку полос широкого сортамента (толщина от 0,8-1,2 до 16-25 мм, ширина 600-2300 мм). Масса прокатываемых слябов до 6-7 млн. т/год
43178. ПРОЕКТИРОВАНИЕ ЦИФРОВОЙ АТС «КВАНТ-Е» ЖЕЛЕЗНОДОРОЖНОГО УЗЛА СВЯЗИ 1.15 MB
  Расчет нагрузки цифровых потоков между блоками БАЛ и УКС [5] Список использованной литературы Введение Цифровые автоматические телефонные станции АТСЦ широко применяются на сети связи железнодорожного транспорта. Для предварительного смешивания и концентрации телефонной нагрузки от абонентских и соединительных линий служат коммутационные блоки емкостью 8х8 цифровых трактов расположенные в блоках БАЛ БСЛ и других блоках абонентского и линейного доступа. К оборудованию абонентского доступа относятся аналоговые абонентские комплекты АК...
43179. СИСТЕМА АВТОМАТИЧЕСКОЙ СТАБИЛИЗАЦИИ РАБОЧЕГО МЕХАНИЗМА 1.35 MB
  Постановка общей задачи стабилизации рабочего механизма. Математическое описание системы стабилизации. Формирование функциональной схемы системы. Построение линеаризованной математической модели системы. Формирование структурной схемы системы.
43180. ЭНЕРГЕТИЧЕСКИЙ И КИНЕМАТИЧЕСКИЙ РАСЧЕТ ПРИВОДА 1.03 MB
  Определение мощности на выходе РВ где окружная сила на барабане в кН скорость конвейера в м с Определение общего КПД привода где ц=092 – КПД цепной передачи табл.6 з=097 – КПД зубчатой передачи табл.6 м=098 – КПД муфты табл.6 оп=0992 – КПД опор приводного вала табл.
43181. Организация связи между дорожными и отделенческими узлами магистрали 5.27 MB
  Определение количества каналов различных видов связи между узлами магистрали [2.3 Составление таблицы схемы распределения каналов между пунктами [3] 2 Выбор оптимального варианта организации связи [3.1] 3 Построение схем связи [4] 4 расчет магистрали [4.
43182. Разработки и эксплуатации нефтегазодобывающих предприятиях «Джалильнефть», «Елховнефть» 1.77 MB
  Литологофизическая характеристика коллекторов Физикохимические свойства жидкостей и газов Эксплуатация скважин насосными установкам. Классификация и характеристика видов подземного ремонта скважин. Классификация и характеристика видов капитального ремонта скважин. Причины снижения продуктивности скважин в процессе эксплуатации.
43183. ВИВЧЕННЯ МУТАГЕННОЇ АКТИВНОСТІ ГРУНТІВ З ПОРОДНЬОГО ВІДВАЛУ ВУГІЛЬНИХ ШАХТ ЦЗФ ЗАТ «ЛЬВІВ СИСТЕМ ЕНЕРГО» 334 KB
  Основний породний відвал ЦЗФ має висоту 68 метрів і займає площу 75 га. Верхівка відвалу плоска з горбом посередині, висота якого 10-12 метрів. Навколо горба на верхівці відвалу, розташовані досить великі за площею, плоскі відсипки породи, які відрізняються за кольором – при обстеженні нами у 2006 році на території породного відвалу ЦЗФ переважали аргілітові породи в основному чотирьох кольорів – чорного, червоного, темно-сірого та сіро-жовтого, які і займали основну площу породного відвалу. Площа відвалу терасована на 5 терас, шириною приблизно 8-10 метрів, які утворились за рахунок доріг, по яких їздять важковантажні машини.