Fork me on GitHub

AspNetPager demo - Photo viewer

This sample demonstrates how to use AspNetPager control to build a simple photo viewer application.

Welcome to Xi'an-the oldest capital of China

Photos:1/16

PhotoViewer.aspx:

<div style="width:100%;text-align:center"><h3>Welcome to Xi'an-the oldest capital of China</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" ShowMoreButtons="false"
        CustomInfoHTML="Photos:<font color='red'>%currentPageIndex%</font>/%pageCount%"></webdiyer:aspnetpager></div>

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*.jpg");
            AspNetPager1.RecordCount = files.Length;
        }
    }

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