Gallery or Portfolio thumbnail and new window setup

Set up thumbnail (small) images and hyperlink to open a new window of a higher resolution version of the art.

This is my thumbnail. 64x64 is not a bad size. It is a partial view, or close-up of the entire image.

Do this essential step first:
In properties, I placed a # in the link section. This is a null link; it makes available the behaviors in Dreamweaver, enables the hand to appear on the over state of the button, have a pop-up window linked from text, etc. Without doing this first, you will encounter problems.

Alternatively, you can also use this line of code:

javascript: void()

OK, now let's move on.

With the thumbnail image selected, open the behaviors window:

OnClick, select Open Browser Window:

If you click on Open Browser Window, you can access the settings. Note: Play with the Window Width and Height until it is as you like it:

Tip: when you update the files on your site, make sure to upload the page with the thumbnail as the behavior info is on that page.

The page that opens should have a close button.

Script for Close:

<a href="javascript:window.close()">Close</a>

or, you can put this in the property inspector for the text of the word Close:

javascript:self.close()  



Test out by clicking on this thumbnail: