Плагин 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 последних добавленных файлов в рубрике"Скрипты"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 3 Августа 2011 10:39
    Xamle
    Вот как раз то что искал! Большое спасибо!!!
  • 3 Августа 2011 14:14
    Никита_Белоусов
    полезная штука
  • 3 Августа 2011 16:55
    Ygreec
    Отличная штука!
  • 4 Августа 2011 14:11
    pashka_dos
    думаю пригодится
  • 5 Августа 2011 12:38
    PaulStranger
    А можно ли на показываемы картинки повесить линки? К примеру на фулл версию картинки, а то как-то ущербно выходит в миниатюре только.
    • 7 Августа 2011 03:32
      mmartin
      Тоже интересно!
      • 10 Августа 2011 00:14
        truehazard
        глянул код, проще простого можно даже выводить в каком нибудь модальном окне
  • 10 Августа 2011 12:13
    Артем Ибрагимов
    как насчет слайд-шоу? возможно автоматическое перелистование?
^ Наверх ^