Simple Image Slide Show C# edition

原创 2004年09月19日 19:52:00

Simple Image Slide Show C# edition

 

   In Scott Mitchell’s article, he create a simple image slide show using asp.net with vb.net. Now I rewrite it in C#. I create a sub directory Photos to store the image files. And instead of using DataList control, I used DropDownList control to list all image files. I use it in my personal web site, so you can view a live demo there( http://www17.brinkster.com/flycrane/Album/default.aspx ).

   Soure code: Default.aspx

<%@ Page Language="C#" %>

<%@ import Namespace="System.IO" %>

<script runat="server">

// Insert page code here

private void Page_Load(object sender, System.EventArgs e)

{

//Get list of images

DirectoryInfo dirInfo= new DirectoryInfo( Server.MapPath("Photos"));

FileInfo[] images= ImagesFilter( dirInfo.GetFiles() );

//Determine the current image to show

int imageIndex= 0;

if( Request.QueryString["N"]!=null )

imageIndex= Convert.ToInt32( Request.QueryString["N"] );

lblTitle.Text+= Path.GetFileNameWithoutExtension( images[imageIndex].Name )

+" ("+ (imageIndex+1) +" of "+images.Length+")";

currentImage.ImageUrl= "/flycrane/Album/Photos/"+images[imageIndex].Name ;

if( imageIndex>0 )

lnkPrev.NavigateUrl= "Default.aspx?N=" + (imageIndex - 1);

if( imageIndex<images.Length-1 )

lnkNext.NavigateUrl= "Default.aspx?N=" + (imageIndex +1);

if(! IsPostBack)

         {

           ddlImages.DataSource= images;

ddlImages.DataBind();

         }

        

        

}

public FileInfo[] ImagesFilter( FileInfo[] files )

{

ArrayList newImages= new ArrayList( files.Length );

for( int i=0;i<files.Length;i++ )

{

if( Path.GetExtension( files[i].Name.ToLower() )==".jpg" ||

Path.GetExtension( files[i].Name.ToLower() )==".jpeg" ||

Path.GetExtension( files[i].Name.ToLower() )==".png" ||

Path.GetExtension( files[i].Name.ToLower() )==".gif"

)

newImages.Add(files[i]);

}

return ( FileInfo[] ) newImages.ToArray( files[0].GetType() );

}

void ddlImages_SelectedIndexChanged(object sender, EventArgs e) {

Response.Redirect( "default.aspx?N="+ (ddlImages.SelectedIndex) );

}

</script>

<html>

<head>

<title>Flycrane's Personal Web Site</title>

<link rel="stylesheet" src="/flycrane/Styles/Flycrane.css" />

</head>

<body>

<form runat="server">

<table cellspacing="0" cellpadding="0" width="765" align="center" border="0">

<!--DWLayoutTable-->

<tbody>

<tr>

<td align="middle" width="765" bgcolor="#9999cc">

<asp:Label id="lblTitle" runat="server" width="206px">You are viewing: </asp:Label></td>

</tr>

<tr>

<td align="middle" width="765">

<p>

<asp:Image id="currentImage" runat="server"></asp:Image>

</p>

</td>

</tr>

<tr>

<td align="middle" width="765" bgcolor="#9999cc">

<asp:HyperLink id="lnkPrev" runat="server">Previous</asp:HyperLink>

&nbsp;<asp:HyperLink id="lnkNext" runat="server">Next</asp:HyperLink>

</td>

</tr>

<tr>

<td align="middle" width="765" bgcolor="#9999cc">

Select one photo:

<asp:DropDownList id="ddlImages" runat="server" OnSelectedIndexChanged="ddlImages_SelectedIndexChanged" AutoPostBack="True"></asp:DropDownList>

</td>

</tr>

</tbody>

</table>

</form>

</body>

</html>

Reference

Scott Mitchell. Creating a Simple Image Slide Show. http://aspnet.4guysfromrolla.com/articles/070704-1.aspx

jQuery学习21---简单动画效果,show,hide,slideUp,slideDown,fadeOut,fadeIn

show(),hide()如果不带参数,则立即显示,或隐藏,如果指定速度参数则会 用指定时间进行动态显示,隐藏,单位为毫秒,也可以使用三个内置的速度 fast(200ms) slow(600ms)...
  • zheng0518
  • zheng0518
  • 2013年06月30日 16:09
  • 3685

jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)

1、show()与hide() show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selecto...
  • yeyang123
  • yeyang123
  • 2015年07月29日 16:45
  • 2447

DHTML Fading Slide Show

DHTML Fading Slide Show View Live Demo Using this script you can scroll an image in the "left" or "r...
  • xuehouniao
  • xuehouniao
  • 2005年02月15日 10:41
  • 710

jQuery实现的slide show

http://ishere.cn/demo/jquery.slideBox/?20120630
  • prevention
  • prevention
  • 2013年11月26日 15:00
  • 1768

SuperSlide图片轮播

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即...
  • tang05709
  • tang05709
  • 2016年03月02日 11:56
  • 450

[Paper 学习笔记]PCANet: A Simple Deep Learning Baseline for Image Classification?

一、 PCANet简介一种用于图像分类的深度学习网络,用于提取图像中的特征。主要由级联的PCA filters、binary hashing和块直方图构成。相比于RandNet和LDANet,性能更佳...
  • sinat_31824577
  • sinat_31824577
  • 2016年06月28日 13:39
  • 1276

【图像理解】之Show, attend and tell算法详解

详解图像理解中的聚焦机制代表作Show, attend and tell算法。
  • shenxiaolu1984
  • shenxiaolu1984
  • 2016年08月13日 22:10
  • 10377

image captioning-Show and Tell: A Neural Image Caption Generator

Google基于CNN+RNN开发了一个Image Caption Generator: http://bengio.abracadoudou.com/cv/publications/pdf/viny...
  • program_developer
  • program_developer
  • 2017年08月31日 10:15
  • 812

Show, Attend and Tell: Neural Image Caption Generation with Visual Attention

动机: 以前的工作都是只关注图像一次,然后使用最后一层的全连接层得到图像最有用的信息。这样的缺点就是在描述图像的时候丢失了很多有用的信息。而且,产生每个词用到的图像信息都是相同的。因此,在这篇论文中考...
  • cuixiaoxue
  • cuixiaoxue
  • 2017年04月12日 08:55
  • 1080

python Image模块调用show()异常问题

ubuntu系统ubuntu15.10系统,python2.7(version) import Image im = Image.open(‘1.jpg’) im.show() 运行后,无任何...
  • qq_30490125
  • qq_30490125
  • 2016年05月13日 12:20
  • 2165
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Simple Image Slide Show C# edition
举报原因:
原因补充:

(最多只允许输入30个字)