介绍一个很好用的图片浏览插件iviewer

来源:互联网 发布:战地4数据不好看 编辑:程序博客网 时间:2024/05/16 03:12

在平时项目开发中,经常要做浏览图片的功能,在网上搜了很久,找到一个比较合适的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写成上述的形式;如果是本地的图片,可以直接写。

0 0
原创粉丝点击