Подключите нашего Telegram-бота для уведомлений о новых проектах

Сделать/доработать lightbox(overlay) галерею под WP

A
Заказчик
Отзывы фрилансеров: + 2 - 0
Зарегистрирован на сайте 13 лет и 4 месяца
Бюджет: по договоренности
Суть: Необходимо создать плагин для WP на основе lightbox-овской галереи.

1. Технические требования
1.1. Интеграция с любым шаблоном WP, работает как обычный lightbox плагин, например этот (wordpress.org/plugins/res...
1.2. можно взять готовый плагин (предварительно согласовать) и его кастомизировать
1.3. Должен работать как с физическими изображениями, так и с изображениями, добавленными через хотлинки.
1.4. откомменченный код под каждый элемент дизайна, описанный ниже

2. Особенности галереи
За основу необходимо взять галерею www.autoevolution.com/rev...

Необходимые элементы дизайна:
СКРИН: 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 для оверлея должен быть формата site.com/%post_name%#phot...

Порядок работы:
1. В заявке сразу пишите стоимость и сроки! А также другую необходимую для принятия решения информацию, например, про то какой вы классный специалист, не пропадаете и держите слово (я серьезно!)
2. Если есть вопросы – задавайте в ЛС или в скайп.
3. Копипастные необдуманные заявки сразу отклоняются

Пишите!
Разделы:
Опубликован:
15.09.2015 | 17:34 [последние изменения: 15.09.2015 | 19:40]

Теги: обновить сайт, резюме программиста, исправить ошибки сайта, доработать сайт, доделать сайт

Наши партнеры
Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».