Скрипт фотоальбома gallery. Просмотр изображений на javascript.
Представляем готовую фотогалерею для сайтов, написанную на языке javascript. Скрипт позволяет легко открывать фотографии и просматривать их. Решение подходит для большинства задач. Обладая базовыми знаниями css и HTML несложно задать любой внешний вид и идеально вписать галерею в дизайн любого сайта.
Дата крайней модификации 27 ноября 2014 г.
Разрешено бесплатное использование скрипта и его модификаций в некоммерческих целях.
Для использования скрипта в коммерческих целях запросите разрешение у автора. Или пожертвуйте любую сумму на один из электронных кошельков с пометкой (Фотоальбом):
QIWI: 901 371 81 06
WebMoney: R174324960197
Яндекс.Деньги: 410011513132981
Файлы скрипта можно скачать здесь.
Руководство по использованию:
- Подключаем скрипты:
<script src="js/gallery.js"></script>
<script src="js/dialog.js"></script>
- Добавляем в документ вызов функции gallery(), например в событие onload:
<body onload="gallery()"> ...
В функции можно указать два аргумента:
id элемента, в котором размещена галерея.
И класс элементов галереи. - Прописываем id для корневого элемента галереи (по умолчанию gallery) и указываем классы для элементов галереи (по умолчанию img):
<div id="gallery">
<a class="img" href="...путь к фото" title="...заголовок">...фото или текст</a>
<a class="img" href="...ещё одно фото">...фото или текст</a>
...
</div>
Идентификатор галереи и классы можно указывать любые, но в этом случае их нужно будет передать первыми двумя аргументами при вызове функции gallery("id","class").
Пример использования:
Описание объекта Gallery
Свойства:
id:[String] Идентификатор галереи
nom:[Number] Индекс текущей фотографии
a:[Array] Массив фотографий галереи
Методы:
inc(String:адрес скрипта)
Метод подключает файл типа js
path()
Возвращает относительный путь к скриптам и файлам галереи
open(Number:индекс фотографии)
Открывает фотографию по индексу
next(Number:сколько фотографий пролистать)
Открывает фотографию относительно текущей позиции в галерее
onload()
Скрывает или отображает элементы интерфейса (след. и пред. фото)