asp.net - asp.net 展开式图片

Question

我有一个太大的图像，所以默认情况下我希望它被隐藏，而是在页面上显示类似“+”号的东西。切换该标志将显示/隐藏图像。asp.net 中的哪个组件可以实现这一点？我在 VS 2010 工具箱中没有找到任何东西。

Answer 1

不要认为有任何内置的东西可以做到这一点。我的第一个想法是使用 LinkBut​​ton 并让它的 onclickEvent 显示图片。给你一个想法：

页面：

<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 从加号图像替换为原始图像。