我本无名的专栏

事在人为休言万般皆是命,境由心造退一步天地宽

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

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

                }

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

阅读更多
文章标签: asp server 产品 table
个人分类: asp.net
上一篇点击链接,让相关的图片有明显变化
下一篇asp.net中同时提交多条记录与文件
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭