-
Setup Your Website
How it Works
Test drive your fully functioning web site system for ten days before deciding whether to continue with your website (top level domain name and email not included in free trial). You have access to all tools and tutorial help. If you decide to go ahead we will organise your domain name and email addresses.
Click here to view the available website designs. - See Our Designs
- Example Sites
DIY WEBSITES
Using Chilli Websites online website builder to build, maintain and grow their web sites, our customers are thriving on the internet. CUSTOM DESIGNED WEBSITES
Chilli Websites can provide a custom designed website for your business requirements. - Support / FAQ
- Do I need additional software to maintain my website?
- How do I upload and/or resize images and photos to my website?
- How long will it take me to build a website?
- Do I need to know HTML or any other programming language to use C...
- How do I change my logo?
- How do I set my website up?
- How do I view my website while it is a trial site?
- How long will it take to learn how to maintain my site?
- How do I edit the pages of my website?
MOST POPULAR
- Home
<< back to Support Centre search
There are two ways to add a photo gallery to your web site.
1) If you are setting up a new page:
Add a new page and select "Standard Template" as the starting point. In the Pages Editor, click on the "Templates" icon in the top left of the toolbar and select the "Photo Gallery" template to work from. Enter "Photo Gallery" (or whatever you would like to call it) as the Page Name.
2) If you are adding a photo gallery to an existing page or want to add additional rows to an existing photo gallery:
In the Pages Editor place your cursor where you want to place the photo gallery on the page. Click on either of the "Insert Photo Gallery Row" buttons
. You can add as many rows as you like by clicking this button - but you should put line breaks between them (i.e. hit the "enter" button once or twice between each row). Also, do not mix the different numbered rows on one page (i.e. if your photo gallery is all three photos wide then you should always add a row of three photos - if you only need one or two photos in the final row just delete the photos in that row which you don’t need).
Once you have setup the photo gallery structure above:
Click on the photo you want to replace in the gallery and then click on the "Image" button
in the toolbar. Click on "Browse Server" and select (or upload) your photo. In the "Image Properties" window set the width and height that you want this thumbnail of the photo to display at (the example photos are set to 300 pixels wide x 225 pixels high). Click "OK".
Now click on the "Link" button
in the toolbar. Click on "Browse Server" and select the same photo - this will create a link to open the full size photo. Click "OK".
Click on "Update Page" at the bottom of the page to save your changes.
Now select your photos and set the links for each of the photos in your photo gallery.
I want to enlarge my photos when somebody clicks on a link from a small thumbnail photo so that it opens a larger version of the same picture?
How do I add a photo gallery to my web site?
There are two ways to add a photo gallery to your web site.
1) If you are setting up a new page:
Add a new page and select "Standard Template" as the starting point. In the Pages Editor, click on the "Templates" icon in the top left of the toolbar and select the "Photo Gallery" template to work from. Enter "Photo Gallery" (or whatever you would like to call it) as the Page Name.
2) If you are adding a photo gallery to an existing page or want to add additional rows to an existing photo gallery:
In the Pages Editor place your cursor where you want to place the photo gallery on the page. Click on either of the "Insert Photo Gallery Row" buttons
. You can add as many rows as you like by clicking this button - but you should put line breaks between them (i.e. hit the "enter" button once or twice between each row). Also, do not mix the different numbered rows on one page (i.e. if your photo gallery is all three photos wide then you should always add a row of three photos - if you only need one or two photos in the final row just delete the photos in that row which you don’t need).Once you have setup the photo gallery structure above:
Click on the photo you want to replace in the gallery and then click on the "Image" button
in the toolbar. Click on "Browse Server" and select (or upload) your photo. In the "Image Properties" window set the width and height that you want this thumbnail of the photo to display at (the example photos are set to 300 pixels wide x 225 pixels high). Click "OK".Now click on the "Link" button
in the toolbar. Click on "Browse Server" and select the same photo - this will create a link to open the full size photo. Click "OK".Click on "Update Page" at the bottom of the page to save your changes.
Now select your photos and set the links for each of the photos in your photo gallery.
Other Frequently Asked Questions which may be relevant:
