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


 

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

79289. Управление социальным развитием организации 11.87 KB
  Управление социальным развитием организации Говоря об управлении социальным развитием организации можно использовать термин Социальная политика организации которая характеризуется как часть политики управления персоналом и включающая в себя все цели и мероприятия связанные с добровольными социальными услугами организации. Социальная политика организации означает уважение признание заслуг и поощрение людей. Соответственно этому система дополнительных социальных льгот должна быть не только привлекательной для сотрудника но и...
79290. Организация обучения персонала 19.09 KB
  Организация обучения персонала. Следует различать три вида обучения. Отечественный и зарубежный опыт выработал три концепции обучения квалифицированных кадров: Концепция специализированного обучения ориентирована на сегодняшний день или ближайшее будущее и имеет отношение к соответствующему рабочему месту. Концепция многопрофильного обучения является эффективной с экономической точки зрения так как повышает внутрипроизводственную и внепроизводственную мобильность работника.
79291. Аттестация персонала 13.3 KB
  Аттестация персонала организаций основного звена управления процедура определения квалификации уровня знаний практических навыков деловых и личностных качеств работников качества труда и его результатов и установления их соответствия несоответствия занимаемой должности. Аттестация персонала служит юридической основой для переводов продвижения по службе награждения определения размера заработной платы а также понижения в должности и увольнения. Аттестация направлена на улучшение качественного состава персонала определение степени...
79292. Управление деловой карьерой, служебно-профессиональным продвижением 353.73 KB
  Деловая карьера поступательное продвижение личности в какойлибо сфере деятельности изменение навыков способностей квалификационных возможностей и размеров вознаграждения связанных с деятельностью; продвижение вперед по однажды выбранному пути деятельности достижение известности славы обогащения. Планирование и контроль деловой карьеры заключаются в том что с момента принятия работника в организацию и до предполагаемого увольнения с работы необходимо организовать планомерное горизонтальное и вертикальное продвижение работника по...
79293. Работа с кадровым резервом 17.89 KB
  Работа с кадровым резервом Принципы формирования и источники кадрового резерва Формирование кадрового резерва основывается на следующих принципах: актуальность резерва потребность в замещении должностей должна быть реальной; соответствие кандидата должности и типу резерва требования к квалификации кандидата при работе в определенной должности; перспективность кандидата ориентация на профессиональный рост требования к образованию возрастной ценз стаж работы в должности и динамичность карьеры в целом состояние здоровья. Источниками...
79294. Теории мотивации трудовой деятельности 43.01 KB
  Различают первичные и вторичные потребности. Потребности можно удовлетворить вознаграждениями. Маслоу существует пять основных типов потребностей: физиологические потребности уровень 1; потребность в безопасности уровень 2; социальные потребности уровень 3; потребность в уважении и самоутверждении уровень 4; потребность в самовыражении уровень 5. Маслоу Эти потребности образуют иерархическую структуру которая определяет поведение человека причем потребности высшего уровня не мотивируют человека пока хотя бы частично не...
79295. Мотивация и стимулирование трудовой деятельности персонала 45.96 KB
  Мотивация и стимулирование трудовой деятельности персонала Система стимулирования труда персонала: общие положения и составные части. Система материального стиулирования труда и ее элементы. Основным компонентом материального стимулирования труда является система его оплаты которая осуществляется в двух формах повременной и сдельной рис. Формы оплаты труда Система оплаты труда комплекс взаимосвязанных принципов и методов определления уровня оплаты труда персонала на основе учета количественных и или качественных характеристик...
79296. Оценка результатов труда персонала организации 16.86 KB
  Оценка результатов труда персонала организации Оценка результатов труда одна из функций по управлению персоналом направленная на определение уровня эффективности выполнения работы. Оценка результатов труда является составной частью деловой оценки персонала наряду с оценкой его профессионального поведения и личностных качеств и состоит в определении соответствия результатов труда работника поставленным целям запланированным показателям нормативным требованиям. Оценка труда мероприятия по определению соответствия количества и качества...
79297. Оценка результатов деятельности подразделений управления персоналом и организации в целом 17.65 KB
  Оценка деятельности кадровой службы организации базируется на определении того насколько она способствует достижению целей организации и выполнению поставленных перед ней задач. Показатели оценки эффективности деятельности подразделений управления персоналом Показатели собственно экономической эффективности Показатели степени укомплектованности кадрового состава Показатели степени удовлетворенности работников Косвенные показатели эффективности Соотношение издержек необходимых для обеспечения организации квалифицированной рабочей силой...