2011-07-26 26 views
0

我有一個顯示從圖像對象的一個​​列表中的所有的縮略圖像(每個對象都具有名稱,路徑,介紹,標題等)一個foreach。Asp.net C#保存一個變量的onclick

foreach { 
    <a href="#Gallery" title="<%= image.Description %>" rel="imgGallery"> 
    <img src="<%= image.GetVariantFilePath("Small") %>" alt="<%= image.Description %>" /> 
    } 

現在我要顯示在頁面的另一部分被點擊的縮略圖的圖像。 這是最好的辦法嗎?我正在考慮使用onclick事件和JavaScript,但我不確定。 任何示例?

UPDATE1:我使用jQuery的fancybox,但我必須定製它,我可以顯示點擊的圖像下的收藏夾庫縮略圖的方式。這樣我只是顯示縮略圖的地方,當我點擊圖片,它會打開在我管理的所有邏輯一個div燈箱。

在此先感謝

回答

1

你可以使用JavaScript和jQuery提供了SRC到正常頁面,固定在頁面上的其他地方顯示此圖像。

foreach { 
    <a id='image' href="#Gallery" title="<%= image.Description %>" rel="imgGallery" largeSrc='<%//large file path %>'> 
    <img src="<%= image.GetVariantFilePath("Small") %>" alt="<%= image.Description %>" /> 
} 

的Jquery:

$("#image").click(function(){ 
    var largeSrc = $(this).attr('largeSrc'); 
    $('#LargeImageId').attr('src', largeSrc); 
}); 
+0

但在這種情況下,我創建n個是正確的嗎? – Attila

+0

那麼將使用for循環中的鏈接。所以在jQuery中,$(「image」)。click是點擊事件處理程序的時候。事件處理程序將使用largeSrc來設置其他圖像src。如果你願意,你可以添加動畫。這是一個簡單的快速解決方案。希望更有意義嗎? – Steve

2

如何使用lightbox

+0

+1不重新發明輪子 – Hinek

+0

我使用它,我已經更新 – Attila

+0

你可以使用一個ASP.NET Web處理程序文件(ashx的)問題是動態返回縮略圖(http://infosearchshop.com/Content.aspx?id=7vWHuJea+Lw=&title=Making+thumbnail+dynamically+with+ashx+file+in+asp.net)。然後,您可以使用縮略圖作爲圖像創建ImageLink,並在點擊時打開燈箱。我已經在我的主頁上完成了該操作,但不幸的是我現在沒有編碼。 –