Fork me on GitHub

AspNetPager 示例 - 图片浏览程序

该示例演示如何使用AspNetPager分页控件制作图片浏览程序。

古都西安欢迎您

西安图片:2/16

PhotoViewer.aspx:

<%@ Page Language="C#" AutoEventWireup="true" MetaDescription="该示例演示如何使用AspNetPager分页控件制作图片浏览程序。"  Inherits="PhotoViewer_Default" MasterPageFile="AspNetPager.master" Title="图片浏览程序" Codebehind="PhotoViewer.aspx.cs" %>

<asp:Content runat="server" ID="content1" ContentPlaceHolderID="main">
<div style="width:100%;text-align:center"><h3>古都西安欢迎您</h3></div>
<div style="width:100%;height:320px;text-align:center">
<asp:Image runat="server" ID="img1" /></div> 
<div style="width:100%;text-align:center">
    <webdiyer:aspnetpager id="AspNetPager1" runat="server" horizontalalign="Center" onpagechanged="AspNetPager1_PageChanged"
        pagesize="1" showpageindex="False" urlpageindexname="img"   urlpaging="True" width="500px"
        PagingButtonType="Image" ImagePath="images/" ButtonImageNameExtension="n" ButtonImageExtension=".gif" 
        DisabledButtonImageNameExtension="g" PagingButtonSpacing="18px" ShowCustomInfoSection="Left" 
        CustomInfoHTML="西安图片:<font color='red'>%currentPageIndex%</font>/%pageCount%"></webdiyer:aspnetpager></div>
</asp:Content>

PhotoViewer.aspx.cs:

using System;
using System.IO;

public partial class PhotoViewer_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string[] files = Directory.GetFiles(Server.MapPath("images/xian/"),"xian*.jpg");
            AspNetPager1.RecordCount = files.Length;
        }
    }

    void showPicture()
    {
        string[] pname = Directory.GetFiles(Server.MapPath("images/xian/"), "xian*.jpg");
        img1.ImageUrl = "images/xian/" + Path.GetFileName(pname[AspNetPager1.CurrentPageIndex-1]);
    }
    protected void AspNetPager1_PageChanged(object src, EventArgs e)
    {
        showPicture();
    }
}