JS Animated. Как создать уникальную/автономную галерею prettyphoto

Этот урок покажет как использовать уникальные изображения в галереях prettyphoto.

Как вы знаете, галерея prettyphoto использует все существующие в лайтбоксе изображения по умолчанию.

Давайте присвоим уникальное изображение для первой галереи.

Откройте файл index.html (файл может иметь другое название) в любом PHP/HTML-редакторе.

Используя инструмент поиска (Ctrl + F) найдите код первого изображения в галереи, например:

Число в квадратных скобках является идентификатором галереи prettyphoto.

Все изображения с тегом <a> со значением 1 для этого параметра будут отображаться в первой лайтбокс галереи.

Сделайте дубликат кода первой галереи изображений.

Измените идентификатор для всех изображений.

Используйте имя собственного изображения вместо изображения по умолчанию.

Добавьте больше изображений по необходимости.

Уникальная галерея была успешно создана.

Это конец урока. Обращайтесь к нам, если у Вас возникнут дополнительные вопросы.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: