在平时项目开发中,经常要做浏览图片的功能,在网上搜了很久,找到一个比较合适的jquery插件iviewer
引用相应css和js文件
<link href="../../../Controls/iviewer/jquery.iviewer.css" rel="stylesheet" type="text/css" />
<script src="../../../Controls/highcharts/jquery.min.js" type="text/javascript"></script>
<script src="../../../Controls/iviewer/jqueryui.js" type="text/javascript"></script>
<script src="../../../Controls/iviewer/jquery.mousewheel.min.js" type="text/javascript"></script>//鼠标滚动放大缩小需要
<script src="../../../Controls/iviewer/jquery.iviewer.min.js" type="text/javascript"></script>
$(document).ready(function () {
iv2 = $("#viewer2").iviewer(
{
zoom: 'fit'
});
autoID = getQueryStr("ID");
strPath = getQueryStr("PATH");
var src = "GraphicImage.aspx?Type=0&IMageName=" + strPath;
iv2.iviewer('loadImage', src);
});
因为我需要到服务器上取图片,所以src写成上述的形式;如果是本地的图片,可以直接写。