Плагин jQuery - Micro Image Gallery

Большинство блогов и новостных сайтов содержат на своих страницах картинки в качестве дополнительного материала. Пространство часто бывает ограничено и приходится искать решение для интеграции миниатюрной галереи, которая будет занимать мало места.

Представленный плагин jQuery трансформирует набор изображений в маленькую галерею с несколькими опциями. Плагин Micro Image Gallery позволяет выбирать вид между одним изображением на все поле или набором миниатюр. Количество миниатюр на одной странице ограничевается девятью. Изображения автоматически изменяют размер в соответствии с размером галереи.

 

Разметка HTML

Все изображения нужно поместить в элемент div с классом microGallery

<div id="mG1" class="microGallery">
    <img src="gallery/2.jpg"/>
	<img src="gallery/3.jpg"/>
	<img src="gallery/4.jpg"/>
	<img src="gallery/5.jpg"/>
</div>

И затем вызываем плагин:

$("#mG1").microgallery({
        menu:true,
        size:'small',
        mode:'single'
});

 

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

Плагин принимает следующие параметры:

  • menu: определяет, будет ли видимо меню навигации (true), или оно будет выводиться только при наведении курсора мыши на галерею (false). Значение по умолчанию: true.
  • size: размер галереи. Доступные значения: “small”, “medium” или “large”.
  • mode: начальный режим работы галереи: “single” (выводится одно изображение) или “thumbs” (выводится набор миниатюр).

Размер галереи определяется одним из трех значений (значение высоты и ширирины размера поля галереи):

  • small: 102 px
  • medium: 162 px
  • large: 222 px

 

Демонстрация

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Скрипты"

^ Наверх ^