Question

我有一些批量圖像裏面的DIV標籤，如果我點擊這個DIV標籤內的圖像，我需要在圖像控件中顯示該圖像。

這裏是我的迴應我在哪裏顯示所有批量圖片：如果我點擊上面的DIV選擇的圖像應該Image控件中顯示內部的圖像

<script> 
     $('#showfilelist').append("<div id=" + file.id + " class='thumb'><a href='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' target='_blank' rel='gallery'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='50' height='50'/></a></div>"); 
</script> 

現在

<asp:Image ID="Image1" runat="server" BackColor="#0099CC" BorderStyle="None" 
           Height="624px" Width="500px" /> 

Answer 1

我想你正在創建一種Gallery應用程序，或類似的東西，並從你的文章AMAIK，你想顯示大圖像，點擊其縮略圖。

然後我的建議是在客戶端設置Image控件的src屬性，以便瀏覽器發送HTTP GET請求來獲取圖像。

所以，我建議您按照下列步驟操作：

1. 對於每一個縮略圖，添加自定義屬性，像data-large-image-url並將其值設置爲鏈接縮略圖的大圖片。
2. 看到什麼是ASP.NET的Image控制的渲染結果和使用jQuery（可以使用ClientIDMode='Static'的工作效率）
3. 在每個縮略圖的點擊找到它，只需設置大型形象價值的src屬性到data-large-image-url屬性。

---

$('#thumbnails').click(function(){ 
     $('#large-image').attr('src', $(this).attr('data-large-image-url')); 
    }); 

Answer 2

如果你是真正的創建畫廊，不推倒重來，並使用嘗試和真正的插件。我建議Lightbox2。