用第三方开源js类库实现图片放大功能 (dynapi)

cnqhoo

浏览: 21030 次
性别:
来自: 青岛

最近访客更多访客>>

yangguangronaldo

jifeng530741185

jjxliu306

gmplayer

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

资料库

JavaScript Cache HTML

源代码如下：



大家可以把源代码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.\\nTo 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>&nbsp;<a href=http://www.chengyang.cn>城阳信息港</a></td>
   </tr>
  </table>
 </body>
</HTML>

城阳信息港

分享到：