Skip to content
This repository
tree: 592cfb8b3a
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 47 lines (40 sloc) 1.504 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Fancy Zoom Examples</title>
<link rel="stylesheet" href="css/fancyzoom.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js"></script>
<script type="text/javascript" src="js/fancyzoom.js"></script>

<script type="text/javascript" charset="utf-8">
$(document).observe('dom:loaded', function() {
new FancyZoom('small');
new FancyZoom('medium');
new FancyZoom('large', {width:600, height:400});
});
</script>

<style type="text/css" media="screen">
body {font-family:Helvetica, Arial, sans-serif; background:#ccc;}
p {margin:0; padding:0;}
#small_box {width:150px; height:100px;}
#medium_box {width:300px; height:200px;}
#large_box {/*width:100px; height:100px;*/}
</style>
</head>
<body>

<p><a href="#small_box" id="small">Click me to zoom a small window</a></p>
<div id="small_box">
<p>Hello World!</p>
</div>

<p><a href="#medium_box" id="medium">Click me to zoom a medium window</a></p>
<div id="medium_box">
<p>Hello World!</p>
</div>

<p><a href="#large_box" id="large">Click me to zoom a large window</a></p>
<div id="large_box">
<p>Hello World!</p>
</div>

</body>
</html>
Something went wrong with that request. Please try again.