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

来源：互联网发布：linux的shell脚本教程编辑：程序博客网时间：2024/06/05 11:57

页面后台文件

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="#" onclick="GetPreImg();">前一幅</a> <a href="#" mce_href="#" onclick="GetNextImg();">后一幅</a> </div> </form></body>