图像描述为asp.net中的弹出窗口

Question

我正在建立一个ASP.NET网站，我有一些静态图片库。现在当我点击这个图库中的图像时，我想显示一个包含描述图像的文本（10-15行）的弹出窗口。

我怎样才能做到这一点？我不知道如何继续下去。

Answer 1

您可以使用jQueryUI Dialog或只使用open page和javascript

Answer 2

存档有两个步骤。

第一步是使用css制作弹出窗口。

关于谷歌的很多例子。

Search on google

Open Css popup

Easy Css pop up

第二步是让您的javascript打开它并显示您的实际文字。如果你使用像jQuery这样的库，你可以让很多人认为更容易，但如果你希望纯粹的javascript，你也可以使它工作。

例如，在最后一个链接'Easy Css pop up'上，打开它的javascript是：

<a href="javascript:void(0);" onMouseover="ShowPop('pop');"
                 onMouseout="HidePop('pop');"><img src="myimage.jpg" alt=""></a>

所以你要做的是将图像文本渲染到具有此css弹出窗口的div中，然后在每个图像上放置一个类似的代码以打开正确的弹出窗口。

您可以找到一个可以使用的库，例如http://highslide.com/