Категории заданий

Составить скрипт

theweb Исполнитель: theweb 
Оценка: +1
Отзыв: Отличная работа.
Стоимость: 1000
Категория: Помощь по сайту
Время выполнения: 7 мин
Поиск кандидата: 17 мин


Подробное описание:

На сайте есть есть блок рекламы слева внизу, который появляется при прокрутке (движок сайта вордпресс). Пример на сайте http://zakonguru.com/trudovoe/trudoustrojstvo/dogovor/zhurnal-registracii-dogovorov-i-soglashenij.html Код: <style> #abs-yandex-ads{ display: none; position: fixed; bottom: 0; left: 0; background-color: inherit; width: 768px; min-height: 30px; z-index: 1000; border-top: whitesmoke solid 0px; max-height: 200px; } #abs-yandex-ads .abs-yandex-ads-wraper{ position: relative; margin: 5px; background-color: transparent; } #abs-yandex-ads .abs-yandex-ads-wraper .abs-yandex-ads-close{ position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; background-color: rgba(0,0,0,0.5); text-align: center; line-height: 20px; color: white; z-index: 10; } #abs-yandex-ads .abs-yandex-ads-wraper .abs-yandex-ads-close:hover{ background-color: rgba(0,0,0,0.8); } @media screen and (max-width: 2000px){ #abs-yandex-ads{ display: none; } } </style> <div id="abs-yandex-ads"> <div class="abs-yandex-ads-wraper"> <div class="abs-yandex-ads-close" onclick="document.getElementById('abs-yandex-ads').style.display = 'none'">×</div> <p><!-- Yandex.RTB R-A-181152-8 --> <div id="yandex_rtb_R-A-181152-8"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-181152-8", renderTo: "yandex_rtb_R-A-181152-8", horizontalAlign: false, async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></p> </div> </div> За появление блока при прокрутке отвечает скрипт: <script type="text/javascript"> jQuery(function(f){ var element = f('#abs-yandex-ads'); f(window).scroll(function(){ element['fade'+ (f(this).scrollTop() > 1500 ? 'In': 'Out')](500); }); });</script> Нужны следующие доработки: 1. Не работает крестик закрытия, сейчас если на него нажать реклама исчезает, но при прокрутке появляется снова, нужно, что бы если человек нажал на крестик реклама исчезала до обновления страницы. 2. Нужно чтобы при прокрутке до конца сайта, если человек не закрыл рекламу, то блок плавно скрывался, что бы видеть информацию в футере, (пикселей 300 до конца сайта) при прокрутке вверх, пусть баннер опять появляется (важно что бы я мог значения высоты при которой баннер открывается и скрывается потом регулировать, меняя числовые параметры). 3. Крестик в зависимости от типа подгружаемой рекламы меняет местоположение, он либо сверху либо сбоку, Нужно чтобы всегда был с верху. Также крестик поменять на изображение или текст Пример текста и расположения кнопки закрыть. https://yadi.sk/i/TQSpq2sx3KfnM2 4. Код нужен в таком виде, что бы без правки темы, я мог потом добавлять на любой сайт, через шаблон вывода рекламы, меняя просто код блока рекламы внутри него. Можете доработать либо имеющийся код, либо сделать новый, главное чтоб работало. Пример рабочего решения которое меня устроит http://zoolog.guru/pticy/domashnie-pticy/porody-domashnih-gusey-nazvanie-i-opisanie-vidov-s-foto-razvedenie.html.

Рассказать друзьям

Подпишитесь на полезные статьи

Примеры заданий и практические советы по аутсорсингу задач

   



На дайджест уже подписалось 561646 читателей!

Присоединяйтесь к нам в соцсетях!