Hello all

I have built a website for my wife's photography business and on the site there is a gallery of pics.
At the moment, clicking on a thumbnail opens a larger picture in a new browser window. I have sized the pictures so that the whole pic can be seen without scrolling down/right.
What I would prefer, is if the the selected pic opened up in a new window that 'hovers' over the main page, and the window size is just bigger than the pic itself with (as I have seen on other sites) with a 'Close' button underneath.
I am using Dreamweaver (bit of a novice I'm afraid). How do I go about doing this. Is it done with (visible/invisible) layers or some other tool?

Cheers

Jemmo

Cant do anything to help you with Dreamweaver (ghastly peice of kit IMHO)

However !!!

function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + 
     "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=440,height=250,left=400,top=450');");
}

As you can see from the list of params that left and top are set.
These two vars position your popup window to where you want it on screen.

call it with something like

<a onclick="javascript:popup(path/to/file/file.html?title=hello')" style="cursor:pointer;cursor:hand;">

Ibbo

In dreamweaver...

Select the image that is going to act as the link to initiate the new window. Then press the F9 key to bring up the tag inspcetor on the side pannel (or click windows - tag inspector in the top menu). Now in the tag inspector slect the behaviours tab.

Cick the + button to add a behaviour to the image you seleted at the start. A menu will apear. Select "open browser window" form the list. A dialogue box apears. Fill in the url of the large image and the size the window is to be. Now click OK

Last, you will notice that under the tag inspector window it now says something like "onLoad Open browser window". Now the onLoad has to be changed. Click on the word "onLoad" and a drop down list will apear. Select "onClick" form the list.

Now test your page.