关闭

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

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

                }

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1459587次
    • 积分:14210
    • 等级:
    • 排名:第894名
    • 原创:287篇
    • 转载:130篇
    • 译文:0篇
    • 评论:318条
    文章分类
    文章存档
    最新评论