技术来源于同学会实践

前台设计

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<script type="text/javascript" src="scripts/bootstrap_v30/jquery/jquery-1.8.3.min.js"></script>

<script type="text/javascript" src="scripts/layer/layer.js"></script>

<link href="sheet/StyleSheet1.css" rel="stylesheet" />

<style type="text/css">

.auto-style1 {

width: 100%;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<table align="center" class="auto-style1">

<tr>

<td style="text-align: center">

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

</asp:ScriptManager>

</td>

</tr>

<tr>

<td style="text-align: center">

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

<ContentTemplate>

<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>

<td style="text-align: center">

<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;

}

}

}

}

asp.net图片浏览器效果的更多相关文章

  1. CSS 实现图片灰度效果 兼容各种浏览器

    CSS 实现图片灰度效果 兼容各种浏览器如360浏览器 CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色,相当于把一张图像的颜色模式调整为灰度,CSS可以通过以下几种方法来实现灰度效果. ...

  2. ASP.NET中使用jQuery插件实现图片幻灯效果

    参照网上的资料及提供的jQuery插件实现图片幻灯效果. 1.页面前台代码: //头部引用 <head runat="server"><title>< ...

  3. iOS开发系列--无限循环的图片浏览器

    --UIKit之UIScrollView 概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件 ...

  4. js鼠标滚轮滚动图片切换效果

    效果体验网址:http://keleyi.com/keleyi/phtml/image/12.htm HTML文件代码: <!DOCTYPE html PUBLIC "-//W3C// ...

  5. jQuery实现鼠标经过图片变亮效果

    在线体验效果:http://hovertree.com/texiao/jquery/1.htm 以下是完整源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  6. [读码][js,css3]能感知鼠标方向的图片遮罩效果

    效果图: 无意间看到过去流行的一个效果:[能感知鼠标方向的图片遮罩效果]近来不忙,就仔细的看了一看看到后来发现,网上有好多版本,谁是原著者似乎已经无法考证.读码就要读比较全面的,读像是原著的代码.代码 ...

  7. 精致3D图片切换效果，最适合企业产品展示

    这是一个精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中.支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效 ...

  8. 浅谈图片蒙版效果-webkit-mask

    会用PS的童鞋一定知道“蒙版”的概念,它可以在图片上实现一定的遮罩效果,当然这里我们不介绍ps里的蒙版,而是介绍利用CSS3的新属性-webkit-mask来实现网页中的图片遮罩效果. 大家对-web ...

  9. Magnifier.js - 支持鼠标滚轮缩放的图片放大镜效果

    Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能.放大的图像可以显示在镜头本身或它的外部容器中.Magnifier.js 使 ...

随机推荐

  1. 【JSTL】JSTL标签库的常用标签

    一.JSTL技术 1．JSTL概述 JSTL(JSP Standard Tag Library),JSP标准标签库,可以嵌入在jsp页面中使用标签的形式完成业务逻辑等功能.jstl出现的目的同el一样 ...

  2. 团队项目-Alpha版本发布1

    此次作业的目的是让同学们在这个星期内完成团队项目α版本的第一次测试和发布,为发布下一次的 α版本做一个准备和前期检验. 1.作业要求: 提交一份α版本冲刺博客 2.博客要求: (1)请大家在作业开头添 ...

  3. 从0到1的开发，社交App 完成

    内容概要 GitHub链接:GitHub链接 客户端使用Android Studio 服务端使用IDEA + SpringBoot + MyBaits 完成功能 添加好友,即时聊天,社交广场 只是一个 ...

  4. In Java, how can I test if an Array contains a certain value?

    public static final String[] VALUES = newString[]{"AB","BC","CD"," ...

  5. Kubernetes Pod的数据卷Volume

    概述 由于容器本身是非持久化的,因此需要解决在容器中运行应用程序遇到的一些问题.首先,当容器崩溃时,kubelet将重新启动容器,但是写入容器的文件将会丢失,容器将会以镜像的初始状态重新开始:第二,在 ...

  6. 面向对象高级B（元类）

    元类 python一切皆对象,类实际上也是一个一个对象 类是一个对象,那他一定是由一个类实例化得到,这个类就叫元类 如何找元类 class Person: def __init__(self, nam ...

  7. java.lang.IllegalArgumentException: Invalid character found in the request target. The valid charact

    线上环境中部署的 Tomcat 项目,出现部分页面无法打开的情况,但本地环境是好的.经过排查发现,本地 Tomcat版本为 7.0.77,而线上版本为 7.0.88.报错的具体描述为java.lang ...

  8. [RN] 可播放视频的播放器版本

    可播放视频的播放器版本 "react": "16.6.3", "react-native": "0.57.8", &qu ...

  9. 【神奇性质】【P5523】D [yLOI2019] 珍珠

    D [yLOI2019] 珍珠 Description 给定一个 deque,要求支持 push_back 和 push_front 操作,并且查询前缀与非和以及后缀与非和. deque中只会有 \( ...

  10. 对最长公共子序列（LCS）等一系列DP问题的研究

    LIS问题: 设\(f[i]\)为以\(a[i]\)结尾的最长上升子序列长度,有: \[f[i]=f[j]+1(j<i&&a[j]<a[i])\] 可以用树状数组优化至\( ...