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

原创 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;
                    }

                }

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

Android:实现点击图片时图片变暗的效果

基本所有应用,点击图片时,图片会变暗来告诉用户自己点击了哪张图片,最常见的就是微信了,里面几乎所有图片被点击时会变暗。 话不多说,下面来说下怎么实现这种效果,先看代码: 主布局: ...
  • u011335851
  • u011335851
  • 2015年09月22日 22:40
  • 3631

使用JS实现单击连接保存图片

使用JS实现单击连接保存图片2种形式都可以第一种: function SaveAs5(imgURL) { var oPop = window.open(imgURL,"","width=1, heig...
  • forest_fire
  • forest_fire
  • 2016年03月21日 11:08
  • 6670

如何在一张图片上添加多个不同的链接-热点篇

在制作网页时,特殊的需求经常层出不穷,比如,在一张很大的图片上将几个不同区域分别链接到不同的网址。 如何在一张图片上添加多个不同的链接-热点篇 来源:黄超 [点击放大] ...
  • kaka_2014
  • kaka_2014
  • 2013年12月11日 18:12
  • 2161

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

  • 2017年07月17日 17:49
  • 36KB
  • 下载

javascript 实现点击超链接变换图片

  • 2011年08月10日 10:39
  • 115KB
  • 下载

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

  • 2017年03月30日 18:02
  • 1KB
  • 下载

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

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

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

导入JS - (void)webViewDidFinishLoad:(UIWebView *)webView{ //这里是js,主要目的实现对url的获取 body static N...
  • u014220518
  • u014220518
  • 2017年03月21日 17:46
  • 1709

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

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

安卓快速实现关键字变色,搜索字变红,点击字体打电话,textview斜体,电商价格删除线,绿色下划线,图片(表情,图文混排) textview超链接跳转

安卓快速实现关键字变色,搜索字变红,点击字体打电话,textview斜体,电商价格删除线,绿色下划线,图片(表情,图文混排) textview超链接跳转...
  • qiushi_1990
  • qiushi_1990
  • 2016年03月18日 18:07
  • 1585
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击链接让相关的图片有变化
举报原因:
原因补充:

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