Сделать/доработать lightbox(overlay) галерею под WP
Суть: Необходимо создать плагин для WP на основе lightbox-овской галереи.
1. Технические требования
1.1. Интеграция с любым шаблоном WP, работает как обычный lightbox плагин, например этот (https://wordpress.org/plugins/responsive-lightbox/)
1.2. можно взять готовый плагин (предварительно согласовать) и его кастомизировать
1.3. Должен работать как с физическими изображениями, так и с изображениями, добавленными через хотлинки.
1.4. откомменченный код под каждый элемент дизайна, описанный ниже
2. Особенности галереи
За основу необходимо взять галерею http://www.autoevolution.com/reviews/lexus-rc-rc-f-review-2014.html#agal_0
Необходимые элементы дизайна:
СКРИН: http://c2n.me/3nwlyR8.jpg
1. Верхняя плашка.
Ширина - 100% ширины окна. Высота - 110 пкс. (с возможностью ручками править этот размер)
2. Сайдбар.
Ширина - 300 пкс (с возможностью ручками править этот размер).
Высота - 100% высоты окна-Высота верхней плашки - высота нижней плашки.
3. Нижняя плашка.
Ширина - 100% ширины окна. Высота - 100 пкс.
Информацию на скриншоте игнорировать, там будет вставлен код рекламе, как на верхней плашке
4. Поле для вывода картинки
Размеры - Responsive - уменьшается в зависимости от размера окна. Т.е. размеры областей вокруг картинки заданы жестко, а область под картинку занимает все оставшееся место.
5. Картинка.
Подгружается картинка полного размера, уменьшаясь пропорционально(!) до границ поля для вывода картинки.
Если картинка по одному из краев меньше поля - она центрируется в поле для вывода картинок
Responsive - уменьшается в зависимости от размера поля для вывода картинок
6. Навигация
Находится в правом верхнем углу нижней плашки. Показывает номер картинки, общее количество картинок на странице и стрелки навигации “влево”-”вправо”
7. Кнопка view full size image
Находится в левом верхнем углу картинки. Является ссылкой на картинку формата jpeg. Открывается в новом окне
8. Кнопка закрытия оверлея
3. URL
Формируемые URL для оверлея должен быть формата http://site.com/%post_name%#photo_%photo_number%
Порядок работы:
1. В заявке сразу пишите стоимость и сроки! А также другую необходимую для принятия решения информацию, например, про то какой вы классный специалист, не пропадаете и держите слово (я серьезно!)
2. Если есть вопросы - задавайте в ЛС или в скайп.
3. Копипастные необдуманные заявки сразу отклоняются
Пишите!