Thursday, 11 January 2018 21:28

How to show popup after page load?

For example - if I want to show popup after page load it appears plus how to code it as like it appears after 1 second of page load.

/* Popup messages */

#popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	z-index: 1001;
}
#popup {
	width: 1017px;
	height: 581px;
	background: url("/images/system/domotex-2018.jpg");
	text-align: center;
	color: #fff;
	border: 1px solid #888;

	box-shadow: #64686e 0px 0px 3px 3px;
		-moz-box-shadow: #64686e 0px 0px 3px 3px;
		-webkit-box-shadow: #64686e 0px 0px 3px 3px;
	position: relative;
	top: 10%;
	margin: 0 auto;
}
/* Popup's styles */
#popup div.bg {
	background: rgba(38, 38, 38, 0.84) none repeat scroll 0 0;
	margin: 30px auto 0;
	width: 487px;
}
#popup h2 {
	color: #fff;
	padding: 25px;
	margin-top: 15px;
}
#popup p {
	padding: 0 0 10px;
}
#popup input {
	background: rgba(91, 91, 91, 0.39) none repeat scroll 0 0;
	border: medium none;
	color: #777;
	height: 32px;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
}

Код html

<div class="overlay" title="popup window"></div>
<div class="i-popup">
<div class="close_order">x</div>
<p>Lorem ipsum...</p>
</div>