asp.net可擴展圖像

Question

我有一個圖像太大，所以默認情況下，我希望它被隱藏，而是在頁面上顯示「+」符號。切換該標誌將顯示/隱藏圖像。 asp.net中的哪個組件可以實現這一目標？我在VS 2010工具箱中找不到任何東西。

Answer 1

不要認爲有內置任何東西來做到這一點。我的第一個想法是使用LinkBut​​ton，並且它的onclickEvent顯示圖片。爲了給你一個想法：

ASPX頁面：

<asp:LinkButton id="btn_ToggleImage" Text="+" runat="sever" OnClick="btn_ToggleImage_Click" /> 
<asp:Image id="img_Prod" runat="server" Visible="false" Source="blah" /> 

後面的代碼：

btn_ToggleImage_Click(object Sender, EventArgs e) 
{ 
    img_Prod.Visible = !img_Prod.Visible; 
    btn_ToggleImage.Text = btn_ToggleImage.Text == "+" ? "-" : "+"; 
} 

如果您有興趣使用jQuery你也許可以做一些遠遠超過這個涼爽，但...

如果jQuery是一個選項，從這裏開始：

個
• ​​
• http://api.jquery.com/show/
• http://api.jquery.com/animate/

Answer 2

在asp.net中沒有組件可以做到這一點。你將不得不寫一些JavaScript來實現這個功能。您也可以使用後面的代碼 - 使用加圖像渲染圖像按鈕並單擊，將圖像網址從加圖像替換爲原始圖像。