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


 

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

8791. Технология ISDN (Integrated Services Digital Network) 82.5 KB
  ISDN ТехнологияISDN (Integrated Services Digita Network) - цифровая сеть с интеграцией услуг явилась результатом развития идеи оцифровки телефонных сетей общего пользования вплоть до потребителя, которому весь спектр усл...
8792. H.323 –один из наиболее популярных протоколов для реализации мультимедийных приложений в IP сетях 89.5 KB
  H.323 H.323 -один из наиболее популярных протоколов для реализации мультимедийных приложений в IP сетях. Протокол относится к т.н. зонтичный протоколам, которые охватывают целое направление и оставляют детализацию конкретных решений за уточняющ...
8793. UNIX/Linux - одна из первых сетевых операционных систем 120 KB
  UNIX/Linux. UNIX - одна из первых сетевых операционных систем. Датой возникновения UNIX можно считать 1969 г., когда MTI (Massachusetts Institute of Technology - Массачусетский технологический институт), BellLabs и GeneralElectric разраб...
8794. Мультимедийные службы. IP-телефония, Internet-вещание (-радио), конференции 125.5 KB
  Мультимедийные службы IP-телефония, Internet-вещание (-радио), конференции - далеко неполный перечень популярных мультимедийных сетевых служб и приложений. Первые опыты передачи голоса по сети Internet относятся к 1983 г. (Кембридж, Массачусетс...
8795. Ethernet/IEEE 802.3 128 KB
  Ethernet Ethernet/IEEE 802.3 (от лат. luminiferous ether - светоносный эфир)- самая популярная технология LAN с методом доступа CSMA/CD. Технология была создана в 70-х гг. доктором Робертом Меткалфом (RobertMetcalfe) как часть ...
8796. Технология ATM (Asynchronous Transfer Mode - асинхронный режим передачи) 199.5 KB
  ATM ТехнологияATM (Asynchronous Transfer Mode - асинхронный режим передачи)позиционируется как универсальный сетевой транспорт для локальных и глобальных компьютерных сетей (полумагистральная). Иногда для обозначение АТМ ис...
8797. Международные организации. Модель OSI 408.5 KB
  Международные организации. Модель OSI. Глобальность охвата и интернациональный характер развития компьютерных сетей делает роль международных организаций в вопросах стандартизации определяющей. При этом, в большинстве случаев, принимаемые стандарты ...
8798. История развития компьютерных сетей. Роль компьютерных сетей в современном мире 1.21 MB
  Эволюция компьютерных сетей началась в 50-х годах прошлого века. Развитие компьютерных сетей сопряжено с развитием вычислительной техники и телекоммуникаций. Компьютерные сети могут рассматриваться как средство передачи информации на большие расстоя...
8799. Назначение компьютерных сетей 18.79 KB
  Компьютерные сети - это системы компьютеров, объединенных каналами передачи данных, обеспечивающие эффективное предоставление различных информационно-вычислительных услуг пользователям посредством реализации удобного и надежного доступа к ресур...