asp.net - asp.net拡張可能イメージ

Question

画像が大きすぎるので、デフォルトで非表示にして、代わりにページに「+」記号のようなものを表示します。その記号を切り替えると、画像が表示/非表示になります。asp.netのどのコンポーネントがこれを実現できますか？VS2010ツールボックスには何も見つかりませんでした。

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/category/effects/
• http://api.jquery.com/show/
• http://api.jquery.com/animate/

Answer 2

これを実行できる asp.net のコンポーネントはありません。この機能を実現するには、JavaScript を記述する必要があります。コードビハインドを使用してそれを行うこともできます-画像ボタンをプラス画像でレンダリングし、クリックすると、画像のURLをプラス画像から元の画像に置き換えます。