Галерея «jbGallery»

• Live Demo

Это скрипт галереи, для показа одной большой картинки, нескольких изображений, нескольких галерей, слайдов в качестве фона сайта, в «диалоговом» режиме или как всплывающее окно.

JavaScript

Чтобы скрипт работал нужно в index-#.html файл с галереей поместить следующие строки HTML кода для того, чтобы добавить jbGallery-2.0.js скрипт и jQuery фреймворк:

В области

Здесь атрибуты скрипта отпределяют следующие значения:

• style: ‘centered’ – стиль галереи (‘ zoom’ или ‘centered’);
• menu: ‘slider’ – стиль меню (‘slider’ или ‘simple’ или ‘numbers’ или false);
• slideshow: false – включает слайд-шоу (true или false);
• fade: true – включает эффект затухания (true или false);
• popup: false – показывает закрывающую кнопку (true или false);
• caption: true – показывает информационную кнопку в меню (true или false);
• autohide: false – скрытие интерфейса (true или false);
• clickable: false – изображения кликабельны (true или false);
• current: 1 – устанавливает номер начальной фотографии (true или false).

HTML

Существует три типа структуры HTML.

1. Ниже показано общее представление HTML скрипта для ‘Minimal Menu’ (минимальное меню) :

2. Ниже показано общее представление HTML скрипта для ‘Thumbnails — Menu With Slider’ (меню, состоящее из эскизов, со слайдером) :

3. Ниже показано общее представление HTML скрипта для ‘Caption’ (надпись) :

CSS

4. В главном файле style.css можно найти скрипт, который относится к таблице стилей

Эта часть файла style.css только для скрипта ‘Thumbnails — Menu With Slider’: