Скрипты JS

Всплывающее окно при первом посещении сайта [JS]

Всплывающее окно при первом посещении сайта [JS]

Название: Всплывающее окно при первом посещении сайта
Автор: Dimox
CMS: Все
Тип скрипта: (JS/HTML)
Описание:
На некоторых сайтах необходимо при первом посещении показывать посетителю информацию во всплывающем окне. Это может потребоваться, например, для сайтов некоторых тематик, чтобы узнать возраст посетителя. Ещё один вариант использования данного функционала — рассказать кратко о цели сайта. Для реализации такого функционала мы будем использовать jQuery и несколько плагинов к нему.
Чтобы показывать всплывающие окна воспользуемся плагином arcticModal. Этот плагин, в отличие от многих других, позволяет очень просто кастомизировать внешний вид модальных окон. Для того, чтобы показать окно лишь один раз, будем запоминать в куках, что посетитель заходил на сайт.
 Скриншоты

Установка:
1. Распаковываем содержимое архива в папку с шаблоном и подключаем его, добавив между тегами: 

<head></head>

Следующий код: 

<script>  
(function($) {  
$(function() {  
  // Проверим, есть ли запись в куках о посещении посетителя  
  // Если запись есть - ничего не делаем  
  if (!$.cookie('was')) {  
      // Покажем всплывающее окно  
      $('#boxUserFirstInfo').arcticmodal({  
          closeOnOverlayClick: false,  
          closeOnEsc: true  
      });  
  }  
  // Запомним в куках, что посетитель к нам уже заходил  
  $.cookie('was', true, {  
      expires: 365,  
      path: '/'  
  });  
})  
})(jQuery)  
</script>

2. Для вывода всплывающего окна с информацией для пользователя, между тегами: 

<body></body>

Вставляем: 

<div style="display: none;">  
  <div class="box-modal" id="boxUserFirstInfo">  
      закрыть  
      Здравствуй, милый человек!  
        Надеюсь тебе понравится на нашем сайте!  
        У нас много интересной информации и очень отзывчивое комьюнити.  
        Добро пожаловать :)  
    </div>  
</div>

Magazine [html]

Вывод картинки тегом 2.0 [DLE 9.x — 10.x]