2016-06-22 2 views
1

Я не уверен, что это будет возможно на Tumblr. Всплывающее окно, которое у меня есть, не является «fancybox». Я пробовал найти решение здесь, но мне не повезло. У меня есть всплывающее окно, которое отображается, когда посетитель приходит в мой блог, но всякий раз, когда я нажимаю следующую страницу, он появляется снова. Я не хочу, чтобы он появлялся каждый раз, когда кто-то обновлялся. Я хочу, чтобы он появлялся один раз каждые 7 дней на пользователя и у него есть опция «не показывать сообщение снова».Опция «Не показывать это сообщение еще раз»

Это сценарий.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"> </script> 

<script> 
$(document).ready(function() { 

var id = '#dialog'; 


//Get the screen height and width 
var maskHeight = $(document).height(); 
var maskWidth = $(window).width(); 


//Set heigth and width to mask to fill up the whole screen 
$('#mask').css({'width':maskWidth,'height':maskHeight}); 

//transition effect 
$('#mask').show(1000); 
$('#mask').fadeTo("slow",0.5); 

//Get the window height and width 
var winH = $(window).height(); 
var winW = $(window).width(); 

//Set the popup window to center 
$(id).css('top', winH/2-$(id).height()/2); 
$(id).css('left', winW/2-$(id).width()/2); 

//transition effect 
$(id).show(2000); 

//if close button is clicked 
$('.window .close').click(function (e) { 
//Cancel the link behavior 
e.preventDefault(); 


$('#mask').hide(); 
$('.window').hide(); 
}); 


//if mask is clicked 
$('#mask').click(function() { 
$(this).hide(); 
$('.window').hide(); 
}); 




}); 

</script> 

Это кнопка закрытия

<a href="#" title="close" class="close"><div class="rotating" style="margin- left:395px; margin-top:-25px; position:absolute;"><big>✦</big> </div></a><br><br> 

ответ

3

Вы должны будете использовать куки или сессии на вашем сайте, так что вы можете отслеживать, какие пользователи видели всплывающие окна.

В этом случае я, вероятно, рекомендовал бы веб-сайт HTML5.

HTML Local Storage

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

Надеюсь, это поможет.

+0

Я думаю, что у меня это получилось! Спасибо ! – Brick

Смежные вопросы