一个ajaxPro 的综合例子（图片浏览器）

最新推荐文章于 2016-02-24 15:45:07 发布

lzf1988119

最新推荐文章于 2016-02-24 15:45:07 发布

阅读量550

点赞数

分类专栏： asp.net 文章标签： callback string function filter path javascript

本文链接：https://blog.csdn.net/lzf1988119/article/details/4346870

版权

asp.net 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

页面后台文件

public partial class w_AjaxImg : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(w_AjaxImg)); } static int index = 0; //放图片的文件夹 string path = "pic/"; static string[] images = new string[]{"1","2","3","4","5","6", "7","8","9"}; //图片后缀为jpg string ention = ".jpg"; [AjaxPro.AjaxMethod] public string GetNextImg() { index++; if (index > images.Length) index = 0; return path + images[index] +ention; } [AjaxPro.AjaxMethod] public string GetPreImg() { index--; if (index < 0) index = 0; return path + images[index] + ention; } }

其中页面和图片的文件在同一文件夹下

页面代码

<head runat="server"> <title>ajaxPro实战例子（图片查看器）</title> <mce:script language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div align=center> <img id="imgg" alt="" width="100px" height="100px;" style="filter:progid:DXImageTransform.Microsoft.Barn(orientation=horizontal, motion=out)" mce_style="filter:progid:DXImageTransform.Microsoft.Barn(orientation=horizontal, motion=out)" /> <br /> <a href="#" mce_href="#" οnclick="GetPreImg();">前一幅</a> <a href="#" mce_href="#" οnclick="GetNextImg();">后一幅</a> </div> </form> </body>