Галерея iLoad дозволить вам зручно і ефектно показати фотографії вашим відвідувачам. Зовнішній вигляд галереї легко змінюється і ви швидко зможете налаштувати галерею під стиль свого сайту. iLoad дозволяє показувати поодинокі зображення, групувати зображення і створювати слайд шоу. Галерея підтримує всі сучасні браузери, а так само InternetExplorer з 6 по 9 версію. iLoad не використовує сторонні фреймворки, такі як jQuery, Prototype і так далі!
Cкачать iload, версія файлу 3.3.5
установка iload
Скачайте і розпакуйте zip-архів з трьома файлами галереї iLoad, потім завантажте файли на свій сайт. Відкрийте файл iLoad.js і змініть шлях до папки з зображеннями на шлях до папки з файлами iLoad на вашому сайті. Потім відкрийте сторінку, на якій ви збираєтеся використовувати галерею, і підключіть скрипт перед закриває тегом
так, як показано нижче. Не забудьте змінити шлях до файлу зі скриптом.
На цьому установка закінчена. Для коректної роботи галереї DOCTYPE не обов'язковий. Якщо ви хочете підключити iLoad в шапку сайту, то приберіть з самого кінця файлу скрипта виклик функції включення:
Після цього ви зможете підключити скрипт в будь-яке місце сторінки а ініціалізацію скрипта виконати в потрібний момент після завантаження сторінки:
Використання
Для використання iLoad в звичайному режимі до заслання на зображення досить додати атрибут rel = "iLoad". і зображення буде відкриватися не на новій сторінці а в галереї:
Назва та опис
iLoad читає назву і опис фотографії з атрибута title. Для того щоб додати назву до фотографії, пропишіть його в Атрибути title на засланні на велике зображення:
Щоб додати опис так само пропишіть його в тому ж атрибуті, але на цей раз використовуйте роздільник |. Сам роздільник можна змінити в параметрі L.splitSign в файлі iLoad.js. Подивіться як оформляється назву і опис:
Ви можете вказати тільки опис без назви, просто пропустивши його:
сети фотографій
Галерея зображень iLoad дозволяє створювати сети фотографій, тобто набори (альбоми). Відкривши фотографію, що складається в сеті, ви можете переглядати фотографії всього сету не закриваючи iLoad і без перезавантаження сторінки. Так само групування фотографій дозволяє використовувати слайдшоу. Щоб створити сет використовуючи посилання, в атрибуті rel після "iLoad" поставте роздільник | і напишіть назву сету. Ось приклад створення простого сету:
Залежно від обраної конфігурації панелей, кнопки управління з'являться або відразу під фотографією, або трохи нижче на графічній панелі. Вони ідентичні. Панелі можна відключити в налаштуваннях.
У сеті перемикання між сусідніми фотографіями можливо клацанням на ліву і праву частини зображення, при цьому справа і зліва будуть показуватися невеликі стрілки (якщо ця опція включена в скрипті).
Закрити iLoad можна натиснувши на темній області навколо вьюпорті, або натиснувши кнопку з хрестиком на одній з панелей.
Можливо управління з клавіатури. Для перемикання в сеті можна використовувати стрілки вліво і вправо або клавіші "П" і "С". Так само для відкриття певної фотографії можна скористатися однією з цифр. Слайдшоу запускається клавішею "Shift" або "Ш", а вимикається клавішею "Ctrl" або "З". iLoad вимикається клавішею "Esc".
Нижче досить докладно описані всі настройки галереї. Ви можете змінювати їх динамічно навіть після ініціалізації галереї. Деякі настройки зажадають для свого застосування перезавантажити галерею функцією L.recreate ()