Question

I am making an ASP.NET website where i have sort of a static image gallery. Now when i click on an image in this gallery i want to show a pop up containing text (10-15 lines) describing the image.

How can I achieve this? I don’t have much idea as to how I should proceed.

Answer 1

There are two steps to archive this.

First step is to make the pop up window using css.

Many examples on google about that.

Search on google

Open Css popup

Easy Css pop up

The Second step is to make your javascript to open it and show your actually text. If you use a library like jQuery you can make many thinks more easy, but if you wish pure javascript can you also make it work.

For example on the last link ‘Easy Css pop up’, the javascript to open it is:

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

So what you do is to render your text of your images into the div that have this css popup and then you place a code like that on every image to open the correct popup.

Of cource you can find a ready to use gallery like the http://highslide.com/