Всплывающий через n-секунд модуль?

подскажите кк сделать

#1 16 августа 2012 в 12:34
В фэнсибокс можно сделать, чтобы через заданное количество секунд всплывало окно, которое также можно закрыть.

Можно ли такое же сделать с лайтбоксом, т.к именно эта бибилиотека вшита в двиг и компонент видео?

Пример для фэнсибокса

  1.  
  2. <script type="text/javascript" >
  3. jQuery(document).ready(function(){
  4. function sec() {
  5. jQuery('#reg_mot').fancybox({'hideOnOverlayClick': false,'showCloseButton': true,'centerOnScroll': true}).click();
  6. }
  7. setTimeout(sec, 9000);
  8. });
  9. </script>
  10.  
  11. <div style="display:none">
  12. <a id="reg_mot" href="#modal"></a>
  13. <div id="modal">
  14. <div id="reg_mot2">
  15. <strong class="kacht">Приветсткие</strong>
  16. <div id="priso">текст-текст</div>
  17. <div class="snami">
  18. текст-текст-текст
  19. </div>
  20. </div>
  21. </div>
  22.  
#2 16 августа 2012 в 22:23
не уж то нет решения и переходить на другую библиотеку?
#3 17 августа 2012 в 00:15
Архив розпаковать в корень.Файл с розширениям js отрыдачить под себя
в файл темплате вставить <script src="/js/love.js" type="text/javascript"></script>
конешно если ето то что надо.
вот код тот что в архиве
  1. var LP_banner = {
  2. el: null, position: null, posHdlr: null, animHndlr: null, offset: null,
  3. isIE: /MSIE/.test(navigator.userAgent),
  4. isIElt7: /MSIE (\d+\.\d+);/.test(navigator.userAgent) && parseInt(RegExp.$1) < 7,
  5. rid: Math.floor(Math.random()*1000000),
  6. /* Declare user variables */
  7. timeout: 3000,
  8. step: 5,
  9. interval: 3, /* in minutes */
  10. messages: [
  11. ["http://vgospode.ru/img/s_img2.jpg", "Здесь вы сможете быстро найти себе пару. Бесплатные знакомства соединяют людей со всего мира. Посетителям доступны поиск по разным параметрам, а также просмотр фото и анкет без регистрации."]
  12. ],
  13. style: {
  14. msg_popup: "font:normal 11px Tahoma;color:#333;width: 200px; background: #fff url(http://vgospode.ru/img/bg_bookmarks.gif) no-repeat right top;dislay:none;z-index:1000;",
  15. header: "font-weight:bold;background: url(http://vgospode.ru/img/bg_bookmarks.gif) no-repeat left top; padding:7px 10px 7px 15px; color:#0879b1; margin-right: 5px;",
  16. close: "float: right; margin-top: 4px; margin-right: -5px;cursor:pointer;",
  17. box: "border: 1px solid #d0d0d0; padding: 6px;",
  18. photo: "width: 66px; height: 90px; float: left; margin-right: 6px;"
  19. },
  20.  
  21. calcPosition: function(){
  22. if(this.isIE){
  23. return({
  24. left: document.documentElement.clientWidth + document.documentElement.scrollLeft - this.offset.left,
  25. top: document.documentElement.clientHeight + document.documentElement.scrollTop
  26. });
  27. }else{
  28. return({
  29. left: window.innerWidth - this.el.offsetWidth - 20,
  30. top: window.innerHeight
  31. });
  32. }
  33. },
  34.  
  35. setWasShowed: function() {
  36. var date = new Date(), now = parseInt(date.getTime()/1000);
  37. date.setTime((now+this.interval*60)*1000);
  38. document.cookie = "lp_banner="+now+"; expires="+date.toUTCString()+"; path=/";
  39. },
  40.  
  41. getWasShowed: function() {
  42. var cookie=null, cookies = document.cookie.split("; "), length = cookies.length;
  43. for (var i = 0; i < length; i++){
  44. cookie = cookies[i].split("=");
  45. if (cookie[0]=="lp_banner") return true;
  46. }
  47. return false;
  48. },
  49.  
  50. init: function(){
  51. if(this.getWasShowed()){
  52. return true;
  53. }
  54. else{
  55. var date = new Date();
  56. this.setWasShowed();
  57. }
  58. var template = '<div id="lp_banner_'+this.rid+'" style="'+this.style.msg_popup+'"><div style="'+this.style.header+'"><img src="http://vgospode.ru/img/bg_exit.gif" title="Закрыть" style="'+this.style.close+'" onclick="LP_banner.close()">Новое сообщение</div><a href="http://vgospode.ru/clubs/18" style="text-decoration: none;"><div style="'+this.style.box+'"><img src="%src%" style="'+this.style.photo+'">%text%<div style="clear:both;"></div></div></a></div>',
  59. msg = this.messages[Math.floor(Math.random()*this.messages.length)];
  60. document.write(template.replace("%src%", msg[0]).replace("%text%", msg[1]));
  61. this.el = document.getElementById("lp_banner_"+this.rid);
  62. this.el.style.position = (this.isIElt7)?"absolute":"fixed";
  63. this.offset = {left: this.el.offsetWidth, top: 0};
  64. this.position = this.calcPosition();
  65. this.el.style.left = this.position.left+"px";
  66. this.el.style.top = this.position.top+"px";
  67. this.posHdlr = window.setInterval (function(){
  68. LP_banner.position = LP_banner.calcPosition();
  69. if(LP_banner.position.left != parseInt(LP_banner.el.style.left) || LP_banner.position.top - LP_banner.offset.top != parseInt(LP_banner.el.style.top)){
  70. LP_banner.el.style.left = (LP_banner.position.left) + "px";
  71. LP_banner.el.style.top = (LP_banner.position.top - LP_banner.offset.top) + "px";
  72. }
  73. }, 50);
  74. window.setTimeout(this.open, this.timeout);
  75. },
  76.  
  77. open: function(){
  78. LP_banner.el.style.display = "block";
  79. LP_banner.animHdlr = window.setInterval(function(){
  80. LP_banner.offset.top+=LP_banner.step;
  81. if (LP_banner.offset.top > LP_banner.el.offsetHeight){
  82. LP_banner.offset.top = LP_banner.el.offsetHeight;
  83. window.clearInterval(LP_banner.animHdlr);
  84. }
  85. LP_banner.el.style.top=LP_banner.position.top - LP_banner.offset.top + "px";
  86. }, 25)
  87. },
  88.  
  89. close: function(){
  90. LP_banner.animHdlr = window.setInterval(function(){
  91. LP_banner.offset.top-=LP_banner.step;
  92. if (LP_banner.offset.top < 0){
  93. LP_banner.offset.top = 0;
  94. window.clearInterval(LP_banner.animHdlr);
  95.  
  96. window.clearInterval(LP_banner.posHdlr);
  97. LP_banner.el.style.display = "none";
  98. var root = LP_banner.el.parentNode;
  99. try {root.removeChild(root.childNodes[0])}
  100. catch(e) {/*alert(e)*/}
  101. }
  102. LP_banner.el.style.top=LP_banner.position.top - LP_banner.offset.top + "px";
  103. }, 25)
  104. }
  105. }
  106.  
  107. LP_banner.init();
Прикрепленный файл
pack_gdvih.zip 7 Кб
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.