9186

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

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

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

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

Русский

2013-02-25

645.94 KB

20 чел.

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


 

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

4569. Модели и стандарты управления рисками проектов программных средств 603 KB
  Модели и стандарты управления рисками проектов программных средств. Основные модели управления рисками проектов программных средств Разработано несколько моделей и стандартов для анализа и сокращения рисков в жизненном цикле программных средств...
4570. Структурное тестирование программного обеспечения 173.5 KB
  Структурное тестирование программного обеспечения Основные понятия и принципы тестирования ПО Тестирование — процесс выполнения программы с целью обнаружения ошибок. Шаги процесса задаются тестами. Каждый тест определяет: свой набор исход...
4571. Разработка учебная Базы Данных (БД) MusicShop 696 KB
  Введение В настоящие время в связи с развитием компьютерной техники появилась возможность автоматизировать многие процессы. Современные магазины музыки предлагают большой выбор музыки, в связи с чем, возникает проблема поиска необходимой композиции,...
4572. Решение задачи коммивояжера разными программными методами 84.06 KB
  Введение Комбинаторика – раздел математики, посвящённый решению задач выбора и расположения элементов некоторого, обычно конечного множества в соответствии с заданными правилами. Каждое такое правило определяет способ построения некоторой конст...
4573. Кратчайший путь в графе. Методы программирования 151 KB
  Программный продукт предназначен для нахождения кратчайшего пути между двумя любыми вершинами графа. Проектирование Алгоритм Дейкстры. Алгоритм Дейкстры строит кратчайшие пути, ведущие из исходной вершины графа к остальным вершинам этог...
4574. Инструментальная система моделирования Parallax 74 KB
  Общие характеристики системы Инструментальная система моделирования Parallax (далее — система) предназначена для моделирования и анализа система взаимодействующих параллельных процессов на основе аппарата PS-сетей. Система...
4575. Раскраска графа способом разработки программного продукта 403.33 KB
  Родоначальником теории графов считается Леонард Эйлер. В 1736 году в одном из своих писем он формулирует и предлагает решение задачи о семи кенигсбергских мостах, ставшей впоследствии одной из классических задач теории графов. Впервые...
4576. Создание программы для рисования кривых второго порядка в среде Borland C++ Builder 6 437 KB
  Введение В рамках данного курсового проекта требуется написать программу, рисующую кривые второго порядка. Для разработки была использована среда разработки BorlandC++ Builder 6. Формулировка поставленной задачи Написать программу, рисующую кр...
4577. Покрывающее дерево. Концепция алгоритма Краскала 252.41 KB
  Алгоритм Краскала может строить дерево одновременно для нескольких компонент связности, которые в процессе решения объединяются в одно связанное дерево. Полный граф задается списком ребер. Перед работой список ребер сортируется по возрастанию длины....