Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.01.2010, 20:09
Новичок на форуме
Отправить личное сообщение для DiGiT Посмотреть профиль Найти все сообщения от DiGiT
 
Регистрация: 23.01.2010
Сообщений: 4

Плавное затемнение всего кроме одного div'a
Это мой первый пост тут, так что всем привет! Итак. Есть страница. На ней есть div с рекламой (блок тизеров). Задача:
при открытии страницы, на несколько секунд она затемняется полностью, по-типу, как в Lightbox, кроме того самого div'a с рекламой. А потом, затемнение должно исчезнуть (желательно плавно). Т.е. нужно на пару секунд акцентировать внимание на блоке с рекламой, что долно очень положительно сказаться на CTR.

Посмотрел, кучу реализацией Lightbox'ов тут http://dustweb.ru/log/2008/07/17/lightbox_n_clones/, но в силу скудости знаний о JS выдрать нужный кусок кода не смог.

Возможно, люди поопытнее смогут подтолкнуть меня в нужном направлении. Может, что-то похожее уже где-то реализовано.
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2010, 14:34
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Здравствуйте!

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2010, 19:07
Новичок на форуме
Отправить личное сообщение для DiGiT Посмотреть профиль Найти все сообщения от DiGiT
 
Регистрация: 23.01.2010
Сообщений: 4

Ну спасибо HTML я уже 11 лет как знаю И не только. Даже кое-какие парсеры на пыхе быдлокожу... Фактически я ищу возможное готовое решение, ибо сильно выковыривать из непонятного синтаксиса непонятные строчки
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2010, 20:17
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,021

Сообщение от DiGiT
Ну спасибо HTML я уже 11 лет как знаю И не только.
Я про JavaScript говорил. Готового решения не могу подсказать.
Ответить с цитированием
  #5 (permalink)  
Старый 26.01.2010, 09:39
Аспирант
Отправить личное сообщение для neurostep Посмотреть профиль Найти все сообщения от neurostep
 
Регистрация: 10.04.2008
Сообщений: 83

ИМХО, Ваш вариант можно сделать абсолютно без скриптов. Затемнение происходит почти во всех лайт боксах с помощью добавления дива со стилями position:fixed и бооольшим z-index. Можно к нужному диву применить на время(а может и на совсем, в зависимости от того, что нужно) тот же position:fixed или position:absolute с z-index'ом, большим, чем у "фона".
Ответить с цитированием
  #6 (permalink)  
Старый 26.01.2010, 13:34
Новичок на форуме
Отправить личное сообщение для DiGiT Посмотреть профиль Найти все сообщения от DiGiT
 
Регистрация: 23.01.2010
Сообщений: 4

Спасибо! Вот это уже для меня понятно. Слой с нужным дивом "поближе" к зрителю, а остальное, "чуть дальше" по таймеру. Осталось выковырять сами строчки отвечающие за плавное затемнение.
Ответить с цитированием
  #7 (permalink)  
Старый 30.01.2010, 14:23
Новичок на форуме
Отправить личное сообщение для DiGiT Посмотреть профиль Найти все сообщения от DiGiT
 
Регистрация: 23.01.2010
Сообщений: 4

Нужный div будет размещён поближе:
<div style="position:absolute; z-index: 1000">ADS</div>

А всё что останется - сделать исчезновение затемнения по таймеру.
Нашёл хороший пример попроще http://sandbox.leigeber.com/dialog/dialog_box.html
С примером "Error" затемнение засветление убирается через указанные в параметре функции showDialog() 2 секунды.

А вот код, отвечающий за это:
http://sandbox.leigeber.com/dialog/dialog_box.js

Помогите, пожалуйста, выбросить из этого кода все "лишние" строчки, так, чтобы ф-ция showDialog() имела только один параметр autohide - время, через которое должен исчезать эффект. Повешу её на событие onload и всё будет отлично.


Найдено альтернативное решение.

З.Ы. Кстати, подскажите пожалуйста, как потом поставить фокус на нужный div. Ведь к моменту срабатывания onload посетитель уже может пролистать страницу далеко вниз.

Последний раз редактировалось DiGiT, 30.01.2010 в 16:49.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск