<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="dimbox.css" rel="stylesheet" type="text/css" />
<title>Dimbox Demo</title>
</head>
<body>
<script type="text/javascript" src="dimbox.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function test(){
dimBox.settings.content = "<div id='e_div'></div>";
dimBox.loadDimBox('60');
$('#e_div').load('testcontent.html');
dimBox.showDimmer();
}
function test2(){
dimBox.settings.content = "<div id='e_div'></div>";
dimBox.loadDimmer('600');
$('#e_div').load('testcontent.html');
dimBox.showDimmer();
}
</script>
<a href="#" onclick="test()">Dimbox Test with Jquery</a>
<a href="#" onclick="test2()">Dimbox Test width with Jquery</a>
</body>
</html>
|
Download
