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

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

                }

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

相关文章推荐

PHP+Ajax点击加载更多内容 -效果好,速度快,带图片加载和跳转链接 加载最后一页更多变成文字变没记录

PHP+Ajax点击加载更多内容 -效果好,速度快,带图片加载和跳转链接 修复其他 图片加载 显示乱码,其他基础改动点击加载数据 最后 加载更多变成 没记录 一、HTML部分 styl...

qml图片旋转拖动鼠标点击变化

  • 2016年08月10日 23:30
  • 149KB
  • 下载

iOS-获取UIWebView或者WKWebView页面的左右图片链接,点击查看大图

导入JS - (void)webViewDidFinishLoad:(UIWebView *)webView{ //这里是js,主要目的实现对url的获取 body static N...

点击链接页面滑动到指定区域_和_图片延迟加载

点击链接页面滑动到指定区域和图片延迟加载 JS代码           //点击链接页面滑动到指定区域           $(document).ready(fun...
  • cplvfx
  • cplvfx
  • 2017年03月30日 17:44
  • 94

iOS中加载HTML数据,并点击图片或链接进行相应的操作

开发中,有时候我们需要展现HTML类型的数据,这时候,我们多数选择用UIWebView加载,但是当我们需要加载大量的HTML数据时,使用UIWebView加载,性能会降低,尤其是当UITableVie...

IOS CoreText --- 支持图片及链接的点击

上一节中,我详细的讲解了在Core Text进行图文混排。但实际应用中,也许还要支持超链接效果及图片与链接的点击事件。先看看最终效果图: 1. 为了支持链接效果,与上节同样的道理,先修改数据结构,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击链接让相关的图片有变化
举报原因:
原因补充:

(最多只允许输入30个字)