第三者オープンソースjsライブラリで画像拡大機能(dynapi)を実現します.
3713 ワード
：
copy ， .html ， ， .
<HTML>
<HEAD>
<title>Product Image View</title>
</HEAD>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" colspan="3">
<script language=JavaScript src=http://zoom.jcpenney.com//is-viewers/config.js></script>
<script language=JavaScript src=http://zoom.jcpenney.com//is-viewers/dynapi/src/dynapi.js></script>
<script language=JavaScript src=http://zoom.jcpenney.com//is-viewers/dynapi/src/tsapi.js></script>
<script language="JavaScript">
var tszoom = new ts_zoom("http://zoom.jcpenney.com/is/image/0900631b8164fc94M.TIF" ,500,500);
tszoom.setBorder(0);
tszoom.setMaxZoom(3,1.5);
tszoom.enableNav(3);
tszoom.setFormat('jpeg');
if (S7Config.isVersion == '2.7')
tszoom.setCachingModel('');
tszoom.addInformation('To Zoom click on the image.\
To Pan click and hold the mouse while dragging.');
</script>
<TABLE cellSpacing="0" cellPadding="0" align="center" border="0">
<TR>
<td align="center">
<script language="JavaScript"> tszoom.addToPage();</script>
</td>
</TR>
</TABLE>
<table cellpadding="0" border="0">
<TR>
<TD>
<IMG SRC="HTTP://cache.jcpenney.com/images/seasonal/spacer.gif" WIDTH="25" HEIGHT="1">
</TD>
<TD valign="right" align="center">
<A href="javascript:tszoom.zoomIn();">
<IMG SRC="http://zoom.jcpenney.com//is-viewers/Zoom_In_Button.gif" BORDER=0 align=middle>
</A>
</TD>
<TD>
<IMG SRC="HTTP://cache.jcpenney.com/images/seasonal/spacer.gif" WIDTH="25" HEIGHT="1">
</TD>
<TD valign="middle" align="center">
<A href="javascript:tszoom.zoomOut();">
<IMG SRC="http://zoom.jcpenney.com//is-viewers/Zoom_Out_Button.gif" BORDER=0 align=middle>
</A>
</TD>
<TD>
<IMG SRC="HTTP://cache.jcpenney.com/images/seasonal/spacer.gif" WIDTH="25" HEIGHT="1">
</TD>
<TD valign="left" align="center">
<A href="javascript:tszoom.reset();">
<IMG SRC="http://zoom.jcpenney.com//is-viewers/Orig_View_Button.gif" BORDER=0 align=middle>
</A>
</TD>
</TR>
</table>
</td>
</tr>
<tr>
<td> <a href=http://www.chengyang.cn> </a></td>
</tr>
</table>
</body>
</HTML>