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

  1. Биржа фриланса
  2. Веб-программирование
Завершен1 заявка172 просмотра

Суть: Необходимо создать плагин для 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. Копипастные необдуманные заявки сразу отклоняются

Пишите!

HTMLWordPress
10 лет назад
Axel_zeppelin
Олег 
38 лет
16 лет в сервисе
Был
8 месяцев назад

Выбранный исполнитель

AnikanovD
Дмитрий 
31 год
10 лет в сервисе
Был
10 лет назад
8 отзывов(-1)
10 лет назад
$30
2 дня
Тот редкий случай, когда фрилансер отвечает за свои слова :) Отлично справился с задачей по доработке плагина. В процессе работы, как обычно, возникли "грабли", но Дмитрий все оперативно и качественно поправил. В итоге сделал даже больше, чем обсуждалось в ТЗ. Рекомендую к сотрудничеству, и буду обращаться сам!
Приятно работать, когда заказчик знает что хочет. Рабочий процесс шел гладко. С оплатой никаких проблем. Рад сотрудничеству с Олегом!)

Заявки фрилансеров

AnikanovD
Дмитрий 
31 год
10 лет в сервисе
Был
10 лет назад
8 отзывов(-1)
10 лет назад