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

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

                }

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值