私は、静的な画像ギャラリーのような ASP.NET Web サイトを作成しています。このギャラリーの画像をクリックすると、画像を説明するテキスト (10 ~ 15 行) を含むポップアップを表示したいと考えています。
どうすればこれを達成できますか?どのように進めればよいかについては、あまり考えがありません。
私は、静的な画像ギャラリーのような ASP.NET Web サイトを作成しています。このギャラリーの画像をクリックすると、画像を説明するテキスト (10 ~ 15 行) を含むポップアップを表示したいと考えています。
どうすればこれを達成できますか?どのように進めればよいかについては、あまり考えがありません。
jQueryUI Dialogを使用するか、javascriptでページを開くことができます
これをアーカイブするには 2 つの手順があります。
最初のステップは、css を使用してポップアップ ウィンドウを作成することです。
それについてのグーグルの多くの例。
2番目のステップは、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/のようなすぐに使用できるギャラリーを見つけることができます。