Jquery load popup on page load
I have some JQuery where im trying to load up a popup on page load
<head>
<link href="/scripts/colorbox.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="/scripts/jquery.colorbox.js" type="text/javascript"></script>
<script>
function pageLoad() {
//execute code
$(".group1").colorbox({ rel: 'group1' });
}
</script>
</head>
<p><a class="group1" href="/images/pop/img.jpg" title="Me and my grandfather on the Ohoopee.">hh</a></p>
1. How could i load this popup at page load? I tried the above and it didnt work.
2. How could i configure the above so it rotates images on page load?
Thanks