Photo Gallery tutorial

In the recent release was a Photo Gallery feature so we want to give you a quick demo on how to turn a handful of photos into a gallery on your webpage.

The great thing about 350pages is that you can do everything to create a gallery of perfect images. There's absolutely no need for any other software – you have the uploader, photo galleries and photo editor all in 350pages. To show how simple it is, we will be using some very large and unoptimized images.

We will upload images of Chinese Dragons. They are all different resolutions, so we want to resize them first and we can do that very easily with the Java uploader.



If we set all of these images to be uploaded at the Medium size, you can see that they all changed to a similar, smaller size.



Notice that the third image doesn't change. This is because it’s already within the boundaries of the Medium size, and so stays at its original setting. We then select the upload button.

Next, we select a webpage to put them on. Select to add a new Gallery. With the gallery editor now on screen, we click ‘Add’ and select the photos we want and then click on the ‘Use’ button. We won’t use any of the editor's other options at the moment, so simply click ‘Save’ to see how the page looks with the gallery on it.



See how our images are now even smaller? These are thumbnail versions of the images which are copies of the uploaded images, reduced in size so that they can be easily displayed on a webpage. This makes a website much easier to view, rather than having much larger images on the page.

So why did we resize the images in the uploader? The answer is simple - when you now save and publish the page and look at it on the web, you will be able to click on the thumbnail images to open the larger version in a slideshow format. As they were resized on upload they are all consistent in presentation.

Now, I'm sure you noticed our gallery is unbalanced at the moment - there are six images, with four displayed on the first line and only two on the second line. So, from within the Gallery Editor we now click on the Settings button and change the number of columns to 3.



This is the result.



Much better!

There's a lot more to the gallery editor than just these functions. You can also add captions to each of your images, as well as replace gallery images with graphics, paragraphs or e-commerce buttons. For further information select the Help ? or view the video on Creating Photo Galleries.