<base href="http://www.ajaxdaddy.com/web20/tjpzoom/">
<style type="text/css">
body {color: white;background: #52616F;}
a { color: white; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier - Tutorial
</title>
<style type="text/css">
code {background-color: #cccccc;}
.long {display:block;margin:1em;padding: 1em;}</style>
<script type="text/javascript" src="javascript/tjpzoom.js"></script>
</head>
<body>
<div>
<img src="images/test.jpg" style="width: 580px; height: 580px;" onmouseover="TJPzoom(this, 'images/test2.jpg');">
</div>
</body>
Loups Zoom---
<base href="http://www.ajaxdaddy.com/web20/loupe/">
<style type="text/css">
body {color: white;background: #52616F;}
a { color: white; }
</style>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="expires" content="Mon, 7 May 2007 12:00:00 GMT">
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Caribbean
</title>
<script type="text/javascript">
// path to "loupe.png"
// var loupePath = ""; </script>
<script src="javascript/loupe.js" type="text/javascript"></script>
<!--[if gte IE 6]>
<script type="text/javascript">
var loupePath = "vml/";</script>
<script src="vml/loupe.js" type="text/javascript"></script>
<![endif]-->
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: georgia,serif;
font-style: italic;
}
#content {
padding: 0;
margin-left: 84px;
margin-top: 40px;
width: 450px;
}
#header {
font-weight: normal;
}
</style>
</head>
<body>
<div id="content">
<h2 id="header">Where are the Pirates of the Caribbean?
</h2>
<div style="float:
left; width:356px; height:205px;
background:url(images/caribbean/small.jpg) no-repeat; border:1px solid
gray; margin-right: 1em; margin-bottom: 0.25em;">
<img id="caribbean" onLoad="initLoupe(this.id,true);" src="images/caribbean/big.jpg" style="cursor:wait;" width="356" height="205" alt="large image" border="0" />
</div>
</div>
</body>
No comments:
Post a Comment