Skip to content

Instantly share code, notes, and snippets.

@talha08
Created August 21, 2017 21:13
Show Gist options
  • Save talha08/80f8f5192544a4f1d709bb86abc0a26b to your computer and use it in GitHub Desktop.
Save talha08/80f8f5192544a4f1d709bb86abc0a26b to your computer and use it in GitHub Desktop.
https://www.sitepoint.com/community/t/need-a-simple-popup-modal-on-page-load-with-time-delay-fast-clean/36860/2
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>ColorBox demo</title>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
</head>
<body>
<h1>Hello, there!</h1>
<h2>This is some content</h2>
<p>The popup will open in five seconds</p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
function openColorBox(){
$.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.sitepoint.com"});
}
setTimeout(openColorBox, 5000);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment