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

Answer 2

asp.net中没有可以执行此操作的组件。您将不得不编写一些JavaScript来实现此功能。您也可以使用后面的代码执行此操作 - 使用加号图像和点击渲染图像按钮，将图像网址从加号图像替换为原始图像。