最近在做一个网站，其中有一个功能是，前面有一个页面，是一些产品的名字，点其中的一个链接后。进行产品图片的页面。这个页面上是把所有的产品图片显示出来，但是刚才点名字的图片，要有所变化。我实现的就是让点的产品图片比别的图片大1/3而且产品的名是红色的。不多说了。下面是代码
<asp:DataList id="DataList1" runat="server" Height="100%" Width="100%" RepeatColumns="2">
<ItemTemplate>
<a href='ztHP_list.aspx?bigid=1&id=<%# DataBinder.Eval(Container.DataItem,"id")%>'><%# DataBinder.Eval(Container.DataItem,"title")%></a>
</ItemTemplate>
</asp:DataList>
<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>
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;
}
}
这是前台的代码，这里主要是传一个ID过去
<asp:DataList id="DataList1" runat="server" Height="100%" Width="100%" RepeatColumns="2"> <ItemTemplate> <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>
这里有一个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; } }第一句是我的绑定代码。这里不多说了。下面就是如何让图片变大。自己看了，不多说了。