Question

asp.net中同一页面，点击下面tr中的小图，上面tr中的大图和点击的小图是一张，只是大小不同。

<tr><td><asp:Image ID="uiProductBanner" width="380" height="234" runat="server" /></td></tr><tr><td><asp:Image ID="uiThumbnail" Width="90" Height="50" runat="server"></asp:Image></td></tr>
点击id为uiThumbnail的id为uiProductBanner的发生改变，大图变成了所点击的小图的大图。

Answer 1

你说的不够清楚啊 ！！！
所以没法回答你
你是说你点击一个小图。上面的大图和点击的小图是一样的吗？

追问

是一样的。

追答

楼下写的就是对的给小图添加onclick事件就是和html控件混西了，
后台方法
public void uiThumbnail_Onclic(object sender,argervase arg){
uiProductBanner.ImageUrl=uiThumbnail.ImageUrl.ToString()
}

忘记啦 web服务器图片控件没有点击事件
不知道把你的控件改为html控件行吗？

function imgchang()
{
var aa=document.getElementById('uiThumbnail').src;//获取小图片的图片地址
document.getElementById('uiProductBanner').src=aa;
}

在事件里面写：将小图地址赋给大图

如果你之前图片的地址是从后台赋值的，那就改为

后台就能找到这个控件了。
后台赋值uiThumbnail.src="图片地址";

追问

改成html的可以放在Repeater里面吗？

追答

可以啊
就是 有一样不同
服务器控件image 是ImageUrl属性给图片赋值。
html控件 img是src

追问

document.getElementById('uiProductBanner').src=aa;//src=aa是什么意思啊？

追答

var是定义js变量

document.getElementById（'控件id'）:是js根据控件id找到该控件，然后进行操作

.src是对他的src属性进行操作

document.getElementById('uiProductBanner').src=aa;是给id为uiProductBanner的控件的src属性赋值

明白？？？
值为小图片的图片地址：document.getElementById('uiThumbnail').src;

追问

uiProductBanner.ImageUrl = CMSite.RetrieveUrl() + "/" + CMSite.RetrieveResourceRef() + "/" + oProduct.Banner;//获得大图的url，小图也是这样获取url的。src=aa;该改成什么

Answer 2

增加一个 ID 为uiThumbnail 的Onclick 事件
在里面重新设置 ID为 uiProductBanner 的src 属性就行了。
<asp:Image ID="uiThumbnail" Width="90" Height="50" runat="server" Onclick="uiThumbnail_Onclic"></asp:Image>
public void uiThumbnail_Onclic(object sender,argervase arg){

uiProductBanner.Src="点击的小图的大图路径";
}

Answer 3

<ItemTemplate>
<a href='<%# DataBinder.Eval(Container.DataItem,"zsdatu")%>'><asp:Image ID="image1" ImageUrl='<%# Eval("zsdatu") %>' runat ="server" /></a>
</ItemTemplate>

分页嘛,我给你点资料,自己去改一下,我以前就是根据这个做的,
本文收藏在我博客裏了

DataGrid控件内部也使用了PagedDataSource类，PagedDataSource 类封装 DataGrid 控件的属性，这些属性使 DataGrid 可以执行分页。

PagedDataSource 类的部分公共属性：
AllowCustomPaging 获取或设置指示是否启用自定义分页的值。
AllowPaging 获取或设置指示是否启用分页的值。
Count 获取要从数据源使用的项数。
CurrentPageIndex 获取或设置当前页的索引。
DataSource 获取或设置数据源。
DataSourceCount 获取数据源中的项数。
FirstIndexInPage 获取页中的第一个索引。
IsCustomPagingEnabled 获取一个值，该值指示是否启用自定义分页。
IsFirstPage 获取一个值，该值指示当前页是否是首页。
IsLastPage 获取一个值，该值指示当前页是否是最后一页。
IsPagingEnabled 获取一个值，该值指示是否启用分页。
IsReadOnly 获取一个值，该值指示数据源是否是只读的。
IsSynchronized 获取一个值，该值指示是否同步对数据源的访问（线程安全）。
PageCount 获取显示数据源中的所有项所需要的总页数。
PageSize 获取或设置要在单页上显示的项数。
VirtualCount 获取或设置在使用自定义分页时数据源中的实际项数。
这些属性是否和DataGrid的属性很相似？没错，DataGrid控件就是使用PagedDataSource类来实现数据分页显示的 。下面举个使用PagedDataSource类实现DataList和Repeater控件的分页显示的例子：

public void Page_Load(Object src,EventArgs e)
{
OleDbConnection objConn=new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0; Data Source=c:\test.mdb");
OleDbDataAdapter objCommand=new OleDbDataAdapter("select * from Users",objConn);
DataSet ds=new DataSet();
objCommand.Fill(ds);

//对PagedDataSource 对象的相关属性赋值
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 5;
int CurPage;

//当前页面从Page查询参数获取
if (Request.QueryString["Page"] != null)
CurPage=Convert.ToInt32(Request.QueryString["Page"]);
else
CurPage=1;

objPds.CurrentPageIndex = CurPage-1;
lblCurrentPage.Text = "Page: " + CurPage.ToString();

if (!objPds.IsFirstPage)
lnkPrev.NavigateUrl=Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurPage-1);

if (!objPds.IsLastPage)
lnkNext.NavigateUrl=Request.CurrentExecutionFilePath+ "?Page=" + Convert.ToString(CurPage+1);

//把PagedDataSource 对象赋给Repeater控件
Repeater1.DataSource=objPds;
Repeater1.DataBind();
另外,站长团上有产品团购,便宜有保证