Мини галерея изображений с автопрокруткой | JQuery плагин! | Vladmaxi.net
ГлавнаяВеб-разработчикуJQueryМини галерея изображений с автопрокруткой | JQuery плагин!
Дата: 06.06.2013 в 15:30 | Просмотров: 5950

Мини галерея изображений с автопрокруткой | JQuery плагин!

галерея изображений, галерея изображений jquery
Скачатьбесплатно с сервера
Демодемонстрация

Мини галерея изображений, которая будет отлично смотреться в сайдбаре Вашего сайта. Это улучшенная версия плагина Micro Image Gallery. В него были добавлены некоторые полезные функции, в частности, функция автоматического воспроизведения изображений, возможность добавлять описания для каждого изображения, отображение списка слайдов, опция цикла. Недавно мы также рассматривали 3D слайдер на CSS3 и JQuery, с классными эффектами – советую посмотреть.

Заметьте, что функция автоматического воспроизведения может быть установлена ​​только в том случае, если включена опция цикла cycle :true. Чтобы добавить описания для изображений, которое будет выскакивать, просто добавьте нужный текст в тег изображения alt. Именно то, что Вы в него добавили и будет выведено.

Параметры плагина

Галерея изображений jquery имеет следующие настройки конфигурации:

  • menu: true, / false, – определяет, показывать ли верхнее меню по умолчанию, или же только при наведении курсора мыши.
  • галерея изображений jquery

  • size: small, / medium, / large, – размер изображений маленький, средний или большой.
  • 3 размера изображений галереи

  • mode: single, / thumbs, – начальное положение галереи: одно большое изображение или весь список.
  • настройки галереи изображений jquery

  • cycle: true, / false, – если установлено значение true, после окончания изображений, их показ будет повторяться начиная с первого (цикл). Обратите внимание: если Вы будете использовать автоматическое движение изображений, необходимо установить значение true.
  • autoplay: true, / false, разрешить или запретить автоматическое воспроизведение слайдшоу, при значении true, в верхнем меню галереи появится кнопка “Играть / Пауза”.
  • autoplayTime: время в миллисекундах, которое будет выдержано при изменении изображений.

HTML структура

Все изображения заключены в обертку div, с классом microGallery:

И функция вызова плагина с соответствующими, описанными выше, настройками:

На этом все! Думаю вам понравилась мини галерея изображений jquery, с хорошим функционалом и дизайном. успехов! ;)


Данный урок подготовлен для вас командой сайта vladmaxi.net
Источник урока: http://tympanus.net
Перевел: Владислав Бондаренко


Добавить комментарий