Horizontal Scrolling Picture Gallery is one of the many picture gallery styles possible with the FirstLine Classic web system. If you would like this kind of gallery for your site contact your FirstLine account manager to have it turned on.

Create the New Page.

The easiest way to make a new picture gallery page is to duplicate the "example (do not alter)" page.

Go to the page properties tab for the "example (do not alter)" page.

Click the "Duplicate Only this page"  icon

The duplicate page will be created and automatically inserted into all the navigation menus.

Go to the newly created page (page properties tab) and edit the name, short name, and virtual path.

Click commit.

Your new page is now ready to upload the images.

Preparing Display Images.

The height of the images in the scrolling display are preset in the design. For best performance you should resize your images before uploading them. Refer to Preparing Pictures for your web site for details. (Check with FirstLine to determine the preset height for your site)

Uploading Images

In the "Back end", navigate to the page that will display the images you wish to upload.

Choose the Attachments Tab.

Click on the New File Icon.

Browse to the image and click commit to upload it.

Enter the Description

After the file uploads, the "edit file" page for the newly uploaded image will open.

Enter the description for the image. You can use HTML tags in the the description to enhance the display appearance of the description.

Turn Visible On

Before saving your work remember to choose "Yes" for "Visible?"

Click "Commit" to save

Editing Existing Images

You can replace images previously uploaded, edit the file name, and edit the description.

Navigate to the Attachments Tab, and click on the image name to open the Edit File Page for that image.

Preparing?the Large Images

With this Picture Gallery, clicking on the display image will open a new window to display a larger version of the image. Before uploading the larger images you will need to prepare them for the web. They should be resized and compressed. The suggested maximum dimension is 450px to ensure that the image is readily viewable in all browsers. (But 600px or larger might work for you.)

Naming the Large Images

Name the large images by adding "x" to the name of the display image. eg:-

DISPLAY IMAGE: imagename.jpg
LARGE IMAGE: imagenamex.jpg

Uploading the Large Images

In the back end navigate to the "Large Images (Do Not Delete)" page.

Choose the Attachments Tab.

Click on the New File Icon.

Browse to the image and click commit to upload it.

(Do not fill in the description because it is not used in this design)