Js код рекламного баннера
Требуется сделать код, который бы реализовывал следующий алгоритм показа фулскрин-банера:
Настройки (где-нибудь в начале скрипта):
- Имеется урл картинки баннера.
- Установлен параметр мастштабирования. На сколько процентов изменить исходную картинку.
Банер будет показывать на смартфонах и планшетах:
1. Смартфоны.
320х480 - сотношение стороны 1:1,5
- если соотноение сторон на смартфоне равно 1:1,5, то банер заполняет весь экран (при необходимости он может пропорционально увеличиваться/уменьшаться (см, пример 1)
- если соотношение сторон на смартфоне меньше, чем 1:1,5 (например 1:1,49), то банер располагается в полную высоту экрана, а ширина уменьшается пропорционально. Выравнивание изображение происходит по центру экрана. (см, пример 2)
- если соотношение сторон на смартфоне больше, чем 1:1,5 (например 1:1,51), то банер располагается в полную ширину экрана, а высота уменьшается пропорционально. Выравнивание изображение происходит по центру экрана. (см, пример 3)
При этом если параметр масштабирования меньше 1, например 0.75. То итоговый банер уменьшится по всем сторонам на 25%
Настройки (где-нибудь в начале скрипта):
- Имеется урл картинки баннера.
- Установлен параметр мастштабирования. На сколько процентов изменить исходную картинку.
Банер будет показывать на смартфонах и планшетах:
1. Смартфоны.
320х480 - сотношение стороны 1:1,5
- если соотноение сторон на смартфоне равно 1:1,5, то банер заполняет весь экран (при необходимости он может пропорционально увеличиваться/уменьшаться (см, пример 1)
- если соотношение сторон на смартфоне меньше, чем 1:1,5 (например 1:1,49), то банер располагается в полную высоту экрана, а ширина уменьшается пропорционально. Выравнивание изображение происходит по центру экрана. (см, пример 2)
- если соотношение сторон на смартфоне больше, чем 1:1,5 (например 1:1,51), то банер располагается в полную ширину экрана, а высота уменьшается пропорционально. Выравнивание изображение происходит по центру экрана. (см, пример 3)
При этом если параметр масштабирования меньше 1, например 0.75. То итоговый банер уменьшится по всем сторонам на 25%
2. Планшеты.
Аналогичный алгоритм.
Особенности
- при изменении ориентации устройства расположение баннера должно занять правильное положение - т.е пересчитаться.
- баннер моежт загрузиться в iframe, который по умолчанию имеет размеры 0,0 - т.е типа скрыт. А когда требуется показать баннер - iframe расширяется до нужных размеров. Iframe загружает страницу, на которой находится js код банера.
- код должен работать во всех браузерах
- все должно находится в своем пространстве имен, не лезть в общее пространство
Особенности оплаты работы:
- webmoney
- оплата после реализации задачи
- email для связи: vsemenov@betweendigital.com
Аналогичный алгоритм.
Особенности
- при изменении ориентации устройства расположение баннера должно занять правильное положение - т.е пересчитаться.
- баннер моежт загрузиться в iframe, который по умолчанию имеет размеры 0,0 - т.е типа скрыт. А когда требуется показать баннер - iframe расширяется до нужных размеров. Iframe загружает страницу, на которой находится js код банера.
- код должен работать во всех браузерах
- все должно находится в своем пространстве имен, не лезть в общее пространство
Особенности оплаты работы:
- webmoney
- оплата после реализации задачи
- email для связи: vsemenov@betweendigital.com