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

原创 2007年09月26日 17:16: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;
                    }

                }

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

 

html点击文字显示图片

这个是网页显示,图片是不需要下载的。 代码: 点击文字显示图片 ul { width: 400px; height: 600px; border-style: solid; bor...
  • hncu1306602liuqiang
  • hncu1306602liuqiang
  • 2015年09月22日 13:34
  • 5297

html5 canvas在图片上画超链接

html5 canvas在图片上画超链接
  • csharp25
  • csharp25
  • 2017年10月18日 18:28
  • 4373

如何通过a链接实现图片下载

本文转载自:萧萧寒 http://www.xiaoxiaohan.com/php/3.html 需求在做项目的过程中,产品那边出于用户体验方面的考虑提出如下需求:用户通过点击一个按钮,直接弹出浏览器...
  • qq_39759115
  • qq_39759115
  • 2017年11月23日 10:39
  • 188

word 中如何添加图片和表格目录或链接的问题

近期写论文,大量使用Word,关于word 中如何添加图片和表格目录或链接的问题,在这里做一下记录,以便以后看。note: 1.很多是摘在网上的 2.当前Word是2007 3.不含目录的生成和...
  • ocarvb
  • ocarvb
  • 2015年05月30日 00:39
  • 1791

点击图片弹出页面效果常用代码

外层定义: #area{ width:100%; height:800px; position:relative; background:#ffce2a; a...
  • u011848751
  • u011848751
  • 2017年06月17日 17:34
  • 228

<a>点击链接&<img>插入图片

了不起的盖茨比 h1{ font-size:12px; color:red; ...
  • BlueSkyandwhitecloud
  • BlueSkyandwhitecloud
  • 2016年08月23日 13:53
  • 992

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

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

jquery zclip复制页面的链接或者文本内容

最近做项目需要复制网页中的链接的功能,于是网上各种找方法,最后发现zclip挺好用的,用的人也多,于是就拿来试试了。 jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用...
  • PanRuiFang
  • PanRuiFang
  • 2015年05月15日 18:43
  • 3004

Html+Css 链接状态变换的单图片实现(精通CSS高级WEB解决方案)读书笔记

需求 链接, 在点击,悬浮,访问过后需要进行图片的变换。 常规做法; 利用伪类选择器,创建多个图片,在悬浮,点击的时候切换不同的图片 高级: 上面做法存在一定缺陷,换图的时候可能出现闪烁 ...
  • u010003835
  • u010003835
  • 2016年02月15日 14:39
  • 1074

Jquery 点击图片在弹出层显示大图

使用jquery, 实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断。...
  • wongwaidah
  • wongwaidah
  • 2014年06月04日 17:20
  • 10974
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击链接,让相关的图片有明显变化
举报原因:
原因补充:

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