asp.net图片浏览器效果

技术来源于同学会实践

前台设计

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="txh.aspx.cs" Inherits="txh" %>

<!DOCTYPE html>

<title>30周年同学会照片原生态无删减</title>

.auto-style1 {

width: 100%;

}

</style>

</head>

<body>

<div>

<tr>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

</td>

</tr>

<tr>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="<" />

<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text=">" />

<br />

<asp:Image ID="Image1" runat="server" Height="100%" ImageAlign="Middle" Width="100%" />

</ContentTemplate>

</asp:UpdatePanel>

</td>

</tr>

<tr>

<asp:Timer ID="Timer1" runat="server" Interval="2000" OnTick="Timer1_Tick" Enabled="False">

</asp:Timer>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

C#代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.IO;

using System.Collections;

using System.Data;

public partial class txh : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

string dirPath = HttpContext.Current.Server.MapPath("/imgtxh/");

if (Directory.Exists(dirPath))

{

//获得目录信息

DirectoryInfo dir = new DirectoryInfo(dirPath);

//获得目录文件列表

FileInfo[] files = dir.GetFiles("*.*");

this.Image1.ImageUrl = "~/imgtxh/" + files[0].Name;

}

protected void tpbind()

{

string dirPath = HttpContext.Current.Server.MapPath("/imgtxh/");

if (Directory.Exists(dirPath))

{

//获得目录信息

DirectoryInfo dir = new DirectoryInfo(dirPath);

//获得目录文件列表

FileInfo[] files = dir.GetFiles("*.*");

}

protected void Timer1_Tick(object sender, EventArgs e)

{

string path = Server.MapPath("/imgtxh/");

DirectoryInfo di = new DirectoryInfo(path);

//找到该目录下的文件

//ImageUrl="~/imgtxh/1G5A7243.JPG"

FileInfo[] fis = di.GetFiles();

//ViewState["tpgs"]=fis.co

foreach (FileInfo fi in fis)

{

this.Image1.ImageUrl = "~/imgtxh/"+fi.Name;

this.Label1.Text = fi.Name;

// this.Image1.ImageUrl = path + fi.Name;

this.Timer1.Enabled = false;

break;

}

protected void Button1_Click(object sender, EventArgs e)

{

string dirPath = HttpContext.Current.Server.MapPath("/imgtxh/");

if (Directory.Exists(dirPath))

{

//获得目录信息

DirectoryInfo dir = new DirectoryInfo(dirPath);

//获得目录文件列表

FileInfo[] files = dir.GetFiles("*.*");

int n = files.Length;//图片总数

//this.Image1.ImageUrl = "~/imgtxh/" + files[0].Name;

if(ViewState["tpsl"]!=null)

{

int wz = int.Parse(ViewState["tpsl"].ToString());//获取图片数量编号

try

{

if (wz <= 0)

{

this.Image1.ImageUrl = "~/imgtxh/" + files[0].Name;

}

else

{

ViewState["tpsl"] = wz - 1;

this.Image1.ImageUrl = "~/imgtxh/" + files[wz-1].Name;

}

catch

{

// this.Image1.ImageUrl

}

else //设置为第一章图片

{

ViewState["tpsl"] = 1;

}

protected void Button2_Click(object sender, EventArgs e)

{

string dirPath = HttpContext.Current.Server.MapPath("/imgtxh/");

if (Directory.Exists(dirPath))

{

//获得目录信息

DirectoryInfo dir = new DirectoryInfo(dirPath);

//获得目录文件列表

FileInfo[] files = dir.GetFiles("*.*");

int n = files.Length;//图片总数

//this.Image1.ImageUrl = "~/imgtxh/" + files[0].Name;

if (ViewState["tpsl"] != null)

{

int wz = int.Parse(ViewState["tpsl"].ToString());//获取图片数量编号

try

{

if (wz>=n-1)

{

this.Image1.ImageUrl = "~/imgtxh/" + files[n-1].Name;

}

else

{

ViewState["tpsl"] = wz+1;

this.Image1.ImageUrl = "~/imgtxh/" + files[wz+1].Name;

}

catch

{

// this.Image1.ImageUrl

}

else //设置为第一章图片

{

ViewState["tpsl"] = 1;

}

转载于:https://www.cnblogs.com/zrprj/p/11265371.html

asp.net图片浏览器效果相关推荐

安卓学习第14课——GridView(简单图片浏览器1)
今天学习的是GridView组件,利用的部分只是还是Adapter.imageView的知识,制作了简单图片浏览器 <LinearLayout xmlns:android="http: ...
模仿百度js浏览器控制台输出图片+文字效果
简介模仿百度js浏览器控制台输出图片+文字效果演示代码 if (window.console) {var cons = console;if (cons) {cons.log("%c\ ...
php js漂浮,JavaScript_js实现图片漂浮效果的方法，本文实例讲述了js实现图片漂 - phpStudy...
js实现图片漂浮效果的方法本文实例讲述了js实现图片漂浮效果的方法.分享给大家供大家参考.具体分析如下: 描述:打开网页就看到不停在飘动的图片,点击连接到其他页面:起到着重强调的效果! test # ...
在Ubuntu 16.04.1 LTS上安装XnView Multi Platform图片浏览器0.83
XnView Multi Platform是一个全平台(Windows, Linux, Mac)下的全能图片工具,类似Windows平台的美图看看,阿香婆图片浏览器等等,效果非常赞,是我在Ubuntu ...
javascript图片浏览器的核心——图片预加载
网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要重新下载一下整个页面.不过,在web2.0时代,更 ...
7.QML Qt Quick——基于Qt Quick Controls 2实现图片浏览器
Qt Quick Controls 2提供了一组UI控件,例如按钮,标签,复选框,滑块等(用之查之即可).用于在Qt Quick中创建用户界面.UI控件很多,这里通过一个图片浏览器的实现来逐步讲解图 ...
精致3D图片切换效果，最适合企业产品展示
这是一个精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中.支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效 ...
浅谈图片蒙版效果-webkit-mask
会用PS的童鞋一定知道"蒙版"的概念,它可以在图片上实现一定的遮罩效果,当然这里我们不介绍ps里的蒙版,而是介绍利用CSS3的新属性-webkit-mask来实现网页中的图片遮罩效 ...
【Android 应用开发】AndroidUI设计之图片浏览器
图片浏览器效果图 : 源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6875083 -- GitHub : https:/ ...

asp.net图片浏览器效果

asp.net图片浏览器效果相关推荐

最新文章

热门文章