<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<TITLE>ColorBox Autofire Example</TITLE>
<style type="text/css">
<!--
.style2 {color: #CCCCCC}
.style3 {
font-size: 26px;
font-weight: bold;
color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
}
.style4 {color: #CFDFF3}
-->
</style>
<!-- Start colorbox includes and code -->
<link media="screen" rel="stylesheet" href="example1/colorbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
<script>
//this chunk of code causes the autofire
$(document).ready(function(){
$.fn.colorbox({inline:true, href:"#inline_example1", transition:"elastic", speed:1000});
});
</script>
<!-- End colorbox include and code -->
</HEAD>
<BODY>
<!-- This contains the hidden content for the ColorBox content -->
<div style='display:none'>
<div id='inline_example1' style='padding:10px; background:#fff;'>
<table width="400" height="300" border="3" cellpadding="5" cellspacing="0" bordercolor="#000000" background="example1/images/gradient_bg.jpg">
<tr>
<td valign="top">
<div align="center">
<h2><span class="style2"><br />
<span class="style3"><br />
On Load Auto Fire ColorBox Example<br />
</span></span>
<br />
</h2>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- End hidden email grabber content -->
</BODY></HTML>
|