1.Скачіваем архів Ви не можете завантажувати файли з нашого сайту, рекомендуємо Вам зареєструватися або зайти на сайт під своїм іменем. , Розпаковуємо і заливаємо в папку вашого шаблону.
2. Підключаємо скрипти, насамперед jQuery, якщо він у Вас ще не підключений, а потім і скрипт PrettyPhoto.
3. Підключимо стилі галереї
4.HTML розмітка для галереї зображень
У тезі rel посилання ми вказали в квадратних дужках, що це галерея 1 (для виведення одного зображення потрібно залишити тільки prettyPhoto), в атрибуті title прописується опис (виводиться під зображенням) і в атрибуті alt у зображення прописується назва (виводиться над зображенням).
Прописуємо скрипт (бажано перед
але можна і в head)
Дана галерея володіє ще безліччю можливостей і різними параметрами, що настроюються. Про все інше Ви можете дізнатися з файлів демонстрації, а я ж хотів би звернути увагу на одну річ ...
У цій галереї мене не влаштував висновок назви і опису, точніше те, звідки вони беруться (title і alt). В атрибути можна прописати теги, точніше можна, але не зручно. І для цього я дещо змінював в скрипті на 154 і 155 рядку. Спочатку вони виглядали так:
Після зміни так:
І після цього всередину посилання додав два блоку div:
Це теж цікаво
