Question

I have a div which contains images. When they are clicked they fill table cells. I am looking for a something which I can use to pop-up/overlay this selection of thumbnails. Can a div be used as an image picker? I’ve seen plenty of gallery type ones but none for just thumbnail size. Any ideas welcome. P.S. Is it hard to create one of these? I’m under a bit of time pressure on it. Thanks.

Answer 1

You just need to add a class to the div that you want to turn into a dialog (modal, overlay, etc). Then add the appropriate CSS to position as desired.

http://jsfiddle.net/cwjtQ/

Here is some example CSS to position a window in the center of the browser window:

.dialog {
    background: #ccc;
    position: absolute;
    height: 500px;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -250px;
    width: 500px;
    z-index: 9999;
    overflow-y: scroll;
}