imagepreview.aspx

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="imagepreview.aspx.cs" Inherits="imagepreview" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
      <script src="js/jquery.zoombie.js" type="text/javascript"></script>
      <script type="text/jscript">

          $(document).ready(function () {
              //$('#image1').zoombie();

              $("#img_01").zoombieLens({ Size: 150 });


          });
      
      </script>


      <style>
	
		p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}

		.zoom {
			display:inline-block;
		}
		
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			
		}

		.zoom img {
			display: block; 
		}

		.zoom img::selection { background-color: transparent; }

		#image3 img:hover { cursor: url(grab.cur), default; }
		#image3 img:active { cursor: url(grabbed.cur), default; }
	</style>
</head>
<body>
    <form id="form1" runat="server">
    <div >
    <img src="<%=imagepath%>"   width="780" height="600"  id="img_01" />
    </div>
    
    </form>
</body>
</html>