Ligtbox Jquery - вспылающее окно с задержкой!

kurt2133 · Сообщение **kurt2133** » 22 апр 2014, 21:10

Приветствую,
На ссылку текст,изображение, объект можно создать переход по ссылке на вспылающее окно лайтбокса(lightbox).
Как сделать тоже самое через определенное время - без Onclick ? через n секунд времени?

YouTube · Сообщение **Alex** » 22 апр 2014, 21:17

Используйте таймер в стандартных инструментах.

kurt2133 · Сообщение **kurt2133** » 22 апр 2014, 21:22

Не разобрался как пользоваться - этим таймером - и как связать это с ссылкой?
Я как понял мне нужно создать модальное окно скрыть его, потом через таймер запустить показ его ?
(А может быть есть более легкий способ через Javascript или VarTime timeout / html код)

kurt2133 · Сообщение **kurt2133** » 22 апр 2014, 21:48

Как решение есть это POPUP окно, но оно грамоздкое
(не забудте поменять src="http://ВАШ_САЙТ.RU/страница.html" - поменяйте на отображаемую страницу)
----------------------------------------------------------------------------------------------------------------------

Код: Выделить всё

<title>Создаем всплывающее окно при загрузке сайта с помощью CSS3 и немного javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<style>
<!--/* Всплывающее окно */   -->
#parent_popup {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup { 
  background: #fff;
    width: 520px;
    margin: 10% auto;
   position: relative;
   /*--CSS3 CSS3 Тени для Блока--*/
   -webkit-box-shadow: 0px 0px 20px #000;
   -moz-box-shadow: 0px 0px 20px #000;
   box-shadow: 0px 0px 20px #000;
   /*--CSS3 Закругленные углы--*/
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
   border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -40px;
   cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
   color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
   -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
   -moz-box-shadow: 1px 1px 3px #000;
   -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: #C4C4C4;
}
</style>
</head>
<body>

<noindex>
<div id="parent_popup">
  <div id="popup">
<iframe name="InlineFrame1" id="InlineFrame1" style="width:554px;height:430px;" src="http://ВАШ_САЙТ.RU/страница.html" scrolling="no" frameborder="0"></iframe>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
  </div>
</div>
</noindex>

    <script type="text/javascript">
   var delay_popup = 2000;
   setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

Поправил и показал, как надо вставлять код.
Admin.

kurt2133 · Сообщение **kurt2133** » 23 апр 2014, 02:18

спасибо за спойлер.)
так есть простое решение по этому вопросу?
и еще бы увидеть решение всплывающего окна с функцией visited (один раз всплывало для посетителя)

kurt2133 писал(а):спасибо за спойлер.)
так есть простое решение по этому вопросу?
и еще бы увидеть решение всплывающего окна с функцией visited (один раз всплывало для посетителя)

Как вариант,то что подсказал Алекс.
Или посмотри здесь.

kurt2133 · Сообщение **kurt2133** » 23 апр 2014, 21:44

Это не смешно не фига(((( - (про ссылку) - это если сайт в стиле DOS собрать то еще как вариант стилизован.
Как вариант Алекса - а что он имел ввиду ? что за вариант с таймером? поподробнее....

YouTube · Сообщение **Alex** » 23 апр 2014, 22:17

Вот про это я viewtopic.php?f=11&t=1007#p6548

kurt2133 · Сообщение **kurt2133** » 23 апр 2014, 22:25

Окей Alex попробую разобраться - правда картинки в Теме пропали про таймер.

YouTube · Сообщение **Alex** » 23 апр 2014, 22:36

У меня отображаются, картинки стоят с офф сайта. Их сайт на ip, который некоторые провайдеры блокируют, про это есть тема целая.

Ligtbox Jquery - вспылающее окно с задержкой! [РЕШЕНО]

Ligtbox Jquery - вспылающее окно с задержкой! [РЕШЕНО]

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Re: Ligtbox Jquery - вспылающее окно с задержкой!

Кто сейчас на конференции

Кто сейчас на конференции

Добро пожаловать на форум!