点击链接让相关的图片有变化

         最近在做一个网站，其中有一个功能是，前面有一个页面，是一些产品的名字，点其中的一个链接后。进行产品图片的页面。这个页面上是把所有的产品图片显示出来，但是刚才点名字的图片，要有所变化。我实现的就是让点的产品图片比别的图片大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 >

 

下面是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;
                    }
                }

第一句是我的绑定代码。这里不多说了。下面就是如何让图片变大。自己看了，不多说了。