最近在做一个网站,其中有一个功能是,前面有一个页面,是一些产品的名字,点其中的一个链接后。进行产品图片的页面。这个页面上是把所有的产品图片显示出来,但是刚才点名字的图片,要有所变化。我实现的就是让点的产品图片比别的图片大1/3而且产品的名是红色的。不多说了。下面是代码
这是前台的代码,这里主要是传一个ID过去
<
asp:DataList id
=
"
DataList1
"
runat
=
"
server
"
Height
=
"
100%
"
Width
=
"
100%
"
RepeatColumns
=
"
2
"
>
< ItemTemplate >
& nbsp; & nbsp; < a href = ' ztHP_list.aspx?bigid=1&id=<%# DataBinder.Eval(Container.DataItem,"id")%> ' ><% # DataBinder.Eval(Container.DataItem, " title " ) %></ a >
</ ItemTemplate >
</ asp:DataList >
< ItemTemplate >
& nbsp; & nbsp; < a href = ' ztHP_list.aspx?bigid=1&id=<%# DataBinder.Eval(Container.DataItem,"id")%> ' ><% # DataBinder.Eval(Container.DataItem, " title " ) %></ a >
</ ItemTemplate >
</ asp:DataList >
下面是ztHP_list.aspx的前台代码
<
asp:DataList id
=
"
DataList1
"
runat
=
"
server
"
Width
=
"
100%
"
Height
=
"
100%
"
RepeatColumns
=
"
3
"
>
< ItemStyle HorizontalAlign = " Center " ></ ItemStyle >
< ItemTemplate >
< img width = " 100 " id = " img1 " height = " 100 " runat = " server " src = ' <%# DataBinder.Eval(Container.DataItem,"imageUrl")%> ' />< br >
< asp:Label ID = " lb " Runat = " server " Visible = " true " >
<% # DataBinder.Eval(Container.DataItem, " title " ) %>
</ asp:Label >
< input type = " hidden " id = " ip " value = ' <%# DataBinder.Eval(Container.DataItem,"id")%> ' runat = " server " />
</ ItemTemplate >
</ asp:DataList >
< ItemStyle HorizontalAlign = " Center " ></ ItemStyle >
< ItemTemplate >
< img width = " 100 " id = " img1 " height = " 100 " runat = " server " src = ' <%# DataBinder.Eval(Container.DataItem,"imageUrl")%> ' />< br >
< asp:Label ID = " lb " Runat = " server " Visible = " true " >
<% # DataBinder.Eval(Container.DataItem, " title " ) %>
</ asp:Label >
< input type = " hidden " id = " ip " value = ' <%# DataBinder.Eval(Container.DataItem,"id")%> ' runat = " server " />
</ ItemTemplate >
</ asp:DataList >
这里有一个hidden是用来隐藏传过来的ID值的,如果你用的是vs2005哪么可以用label就可以了
zt.IndexTowView(
this
.DataList1,strsql,table);
foreach (DataListItem dl in this .DataList1.Items)
... {
HtmlImage hi = (HtmlImage)dl.FindControl("img1");
Label lb = (Label)dl.FindControl("lb");
System.Web.UI.HtmlControls.HtmlInputHidden it = (HtmlInputHidden)dl.FindControl("ip");
if(it.Value.Trim()==id.Trim())
...{
hi.Width=150;
hi.Height=150;
lb.ForeColor = Color.Red;
}
}
foreach (DataListItem dl in this .DataList1.Items)
... {
HtmlImage hi = (HtmlImage)dl.FindControl("img1");
Label lb = (Label)dl.FindControl("lb");
System.Web.UI.HtmlControls.HtmlInputHidden it = (HtmlInputHidden)dl.FindControl("ip");
if(it.Value.Trim()==id.Trim())
...{
hi.Width=150;
hi.Height=150;
lb.ForeColor = Color.Red;
}
}
第一句是我的绑定代码。这里不多说了。下面就是如何让图片变大。自己看了,不多说了。