2012-02-21 50 views
0

在我的應用程序內我生成一些圖像內超級鏈接控件,打開圖像的全尺寸。我在頁面的頂部有一個圖像控件,我希望點擊的圖像能夠顯示,但是我的代碼不起作用。打開點擊圖像內部圖像控制(asp.net/c#)

會發生什麼是點擊圖像打開一個新的頁面,所以我想知道如何使圖像出現在圖像控制?

<asp:Image ID="fullSizeImage" runat="server" /> 

<asp:HyperLink ID="link" runat="server" NavigateUrl='<%# Eval("Name", "...directory...") %>' > 
    <asp:Image ID="Image" runat="server" ImageUrl='<%# Eval("Name", "...directory...") %>' CssClass="thumb" /> 
</asp:HyperLink> 

在此先感謝。

回答

1

你可以做這樣的事情:

<script runat="server"> 
    protected void thumbImage_Click(object sender, ImageClickEventArgs e) 
    { 
     fullSizeImage.ImageUrl = "full size image path goes here"; 
    } 
</script> 

<asp:Image ID="fullSizeImage" runat="server" /> 
<asp:ImageButton ID="thumbImage" runat="server" ImageUrl="image path goes here" onclick="thumbImage_Click" /> 
+0

感謝應答。關於點擊事件,我如何從被點擊的圖像中「提取」ImageUrl並將其傳遞給事件? – holyredbeard 2012-02-21 18:02:03

+0

如果您想使用與縮略圖中使用的圖像相同的圖像,則可以執行以下操作:fullSizeImage.ImageUrl = thumbImage.ImageUrl;在thumbImage_Click處理程序上。但是,出於性能原因,您應該有一個真正的縮略圖圖像和全尺寸圖像,而不是縮小完整圖像並將其用於縮略圖。 – 2012-02-21 18:07:03

+0

它沒有出現在我的問題中,但縮略圖的imageUrl進入縮略圖目錄(即「真實」縮略圖)。全尺寸圖像和縮略圖之間唯一的區別在於「/ thumbnails /」。我是否需要拆分地址才能刪除「/ thumbnails /」,或者您知道是否有更簡單的方法嗎?再次感謝。 – holyredbeard 2012-02-21 18:16:56

0

把一個img標籤在anchor標籤,並給

src='<%#Eval("put image address from table column")%>'

,並把相同的值在鏈接

href='<%#Eval("put image address from table column")%>'