create a gallery with image enlarging
Small images with a link to open a larger image is easy to do in Office Live. First you will need a large and small version of each image. What size you choose is up to you and what will fit on your page neatly. For the large images, it is considerate to remember that there are still many people who use dial up so try to keep the file sizes down.
For the thumbnails it will look best if they are the same size. If that isn't possible try to keep images in the same horizontal row the same height. For vertical columns, try to keep them the same width. This will help present them in a pleasing manner.
before you start... If you haven't used tables much, you may want to read Basics of Tables and Images and Tables to get you started using tables in Office Live. A table will allow you to arrange your thumbnails neatly.
You may also prefer that your image links don't have the beautiful bright blue default border color. To remove the border around image links I used the following CSS code in the Style Sheet. It will apply to the entire website.
a, img
{
border: 0px;
}
To use the Style Sheet, you need to activate the Advanced Design Features (it's free). That is done on the Page Manager, under the Site Actions drop down menu. Once activated, the Style Sheet icon will appear in Site Designer. Click on Style Sheet, paste the code in the area provided and make sure to check the box "apply Custom CSS code to my website".
the images
For this gallery I made thumbnails of each image 86 pixels wide and uploaded them to the Image Gallery. The full size images were uploaded to the Document Gallery. Using the document gallery allows you to easily link to the image directly in the documents.
create your gallery
Insert a table and add however many columns and rows you will need. You may want to add extra rows to include some text or descriptions. Place your cursor in the cell you want your thumbnail and hit the backspace and delete buttons to remove the extra space that seems to come factory installed in each table : ) Select your thumbnail from the image gallery. Click on your thumbnail image and click on hyperlink in the page editor. Select Link to My Documents from the choices. A list of all the documents in the document gallery will appear. Select your image and check the box to open in a new window (if you want it to). That's it! Simple. Below you can see the table borders.