Скрипт для одноразового показа реклама поверх страницы (промо новых блюд)

[And90]

Здравствуйте, много раз видел на сайтах такую фишку. При посещении главной страницы, например кафе, появляется изображение или флешка (как лайт-бокс) с рекламой чего-нибудь нового с затемненным фоном (фон это весь основной сайт). Кликаем по промо и переходим на страницу с подробностями, и так же снизу промо кнопка "на сайт". Но загвоздка вот в чем, как сделать так, чтобы эта реклама появлялась у посетителя только один раз, а не постоянно при переходе на главную.

 

[dino]

Эта фишка называется модальное окно, в нете есть много различных примеров реализации, а уберечь пользователя от лишних показов достаточно несложно, после первого показа оставить в браузере посетителя куки с отметкой о прочтении, а скрипт отображения модального окна с рекламой запускать только если у пользователя нет такого куки...

 

[And90]

Спасибо, нашел много примеров модальных окон, да это именно то что нужно. Но везде, вообще во всех руководствах модальное окно вызывается по нажатию на ссылку, по другому никак. Не подскажите, как сделать чтобы окно показывалось сразу при посещении главной один раз и сразу же (сразу затемненный фон и кнопка, пройти на сайт). Вот тут есть хороший пример, может по нему что-нибудь подскажите. Был бы очень признателен.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[dino]

добавьте в тело скрипта, после $(document).ready(function() { строки
$(window).load(function () { $(".hide").click();});
$(".hide").fancybox();
а в теле документа добавляете:
<a class="hide" href="content.html" style="display:none">Пример вывода контента при загузке окна</a> ну или что-то наподобие этого

 

[And90]

Да все работает, спасибо, вы очень помогли.

 

[And90]

Я снова по этой же проблеме, все работает, только как заставить сохраняться модальное окно в кеше, чтоб при следующем посещении страницы модальное окно не выводилось.

 

[coolparty]

Тебе нужен не кэш а куки (Cookie)

 var my_coockie = "нету";
if (document.cookie) {
  my_coockie= document.cookie;
} else {
  document.cookie = "Сохранено=" + document.lastModified;
}
alert(document.lastModified + " - " + my_coockie);

 

[And90]

Прошу прощения за свою тупость и незнание, но помогите вставляю скрипт в html через <script> . Вставил код который был написан выше, он все нормально работает, а куда вставлять ваш код? не в отдельный же <script>

$(document).ready(function() { строки
$(window).load(function () { $(".hide").click();});
$(".hide").fancybox();

 

[d1mka]

Прошу прощения за свою тупость и незнание, но помогите вставляю скрипт в html через <script> . Вставил код который был написан выше, он все нормально работает, а куда вставлять ваш код? не в отдельный же <script>

$(document).ready(function() { строки
$(window).load(function () { $(".hide").click();});
$(".hide").fancybox();

Помомойму вот так должно выглядеть

var my_coockie = "нету";
$(document).ready(function() {
if (document.cookie) {
  my_coockie= document.cookie;
} else {
  document.cookie = "Сохранено=" + document.lastModified;
  $(window).load(function () { $(".hide").click();});
  $(".hide").fancybox(); 

 }

}