Быстрый переход |
|
Программирование PHP, Perl, HTML, XHTML, CSS, JavaScript, MySQL и другие языки кодирования. |
|
Опции темы |
Сегодня | |||||
|
10.07.2017, 10:15 | #1 | |||
Реноме:
1556
|
Fancybox: показать через время/при закрытии/через 5 кликов на сайте
Нужно отобразить контент используя Fancybox:
- через 5 сек после открытия сайта, один раз в день - при попытке закрыть сайт - через 5 кликов на сайте Пока пытаюсь реализовать 1-е уловие. Безрезультатно Подключил Fancybox и jQuery: Код HTML:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <link rel="stylesheet" type="text/css" media="all" href="/fancybox/jquery.fancybox.css"> <script type="text/javascript" src="/fancybox/jquery.fancybox.js"></script> <script src="/fancybox/jquery.cookie.js"></script> Код HTML:
<div id="inline" class="modalbox"> <div class="popup">Уже покидаете сайт? Не торопитесь!</div> </div> Код HTML:
<script type="text/javascript"> $(document).ready(function(){ $("#setCookie").click(function () { var date = new Date(); date.setTime(date.getTime() + (5 * 1000)); $.cookie("popup", "", {expires: date} ); setTimeout( function() {$(".modalbox").fancybox.close(); },1000); }); if ( $.cookie("popup") == null ) { setTimeout( function() {$(".modalbox").fancybox.open(); },1000); } else { $(".modalbox").fancybox.close(); } }); </script> Помогите пожалуйста.
__________________
|
|||
12.07.2017, 15:37 | #2 | |||
Реноме:
255
|
Не знаю, насколько это не колхоз, но всё же.
Код HTML:
<a href="#popup" id="popRunner"></a> <div id="popup" style="display: none;">Уже покидаете сайт? Не торопитесь!</div> Код:
$(document).ready(function(){ $("a#popRunner").fancybox({ 'speedIn': 1000, 'speedOut': 500, 'overlayColor': '#7eaaa0', 'content': $('#popup').show(), 'onStart': function() {$('#popup').show()}; }); if ($('#popup').is(':visible')) $('#popup').hide(); /* Если не нужно передавать, например, стили контейнера #popup, то можно убрать: 'content': $('#popup').show(), 'onStart': function() {$('#popup').show()} }); if ($('#popup').is(':visible')) $('#popup').hide(); оставить: 'content': $('#popup').html() }); */ // через 4 секунды после открытия страницы setTimeout( function() {$("a#popRunner").trigger('click')}, 4000); // где надо кликаете программно, а я бы даже оформил этот клик в функцию... // $("a#popRunner").trigger('click');
__________________
Я написал выше. Последний раз редактировалось passport; 12.07.2017 в 15:39. |
|||
12.07.2017, 15:47 | #3 | |||
Реноме:
1556
|
А ссылка вообще обязательна? Без неё никак?
<a href="#popup" id="popRunner"></a>
__________________
|
|||
12.07.2017, 16:46 | #4 | |||
Реноме:
255
|
Может быть как-то так:
Код:
function showPopup(content) { $.fancybox({ 'speedIn': 1000, 'speedOut': 1000, 'overlayColor': '#7eaaa0', 'content': content, }); } $(document).ready(function(){ // при открытии сайта через 4 секунды setTimeout( function() {showPopup($('#popup').show())}, 4000); //showPopup('какой то другой текст');
__________________
Я написал выше. |
|||
12.07.2017, 17:05 | #5 | |||
Реноме:
1556
|
Я пробовал вот так:
<div id="inlinepopup" >
<div class="popupcontent">Уже покидаете сайт? Не торопитесь!</div> </div> setTimeout( function() {$.fancybox.open({type : 'inline', href:'#inlinepopup'}) }, 3000);
The requestet content cannonot be loaded. Почему он не может загрузить?
__________________
Последний раз редактировалось Port_Artur; 12.07.2017 в 17:08. |
|||
13.07.2017, 10:49 | #6 | |||
Реноме:
1556
|
К сожалению Fancybox оказался несовместим с уже использующимся на сайте Magnific Popup.
Поэтому решено было создать тоже самое используя Magnific Popup. Без трудностей не обошлось. https://domenforum.net/showthread.php?t=211942
__________________
|
|||
Реклама | |
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1) | |
|
|