Gallery Updating Instructions (Rollover / Popup)
Requirements
Adobe Photoshop version 5.5 or above.
CuteFTP
A trial version of CuteFTP is available for download at http://www.cuteftp.com Windows and Mac users.
Other image manipulation and FTP software may be used, however the instructions were prepared with these programs in mind.
These instructions apply to the updating of Marathon Pop-up and Rollover image galleries.
For Slideshows or custom Flash Gallery updating instructions, please contact Marathon Internet Services Customer Support at 800-228-0629.
1. Get Thumbnail Information
1.1 Open your web site and go to the gallery page that you want to update.
1.2 Place your mouse pointer on top of one of the thumbnail images, then right-click and select Properties from the menu.
A window similar to the following should be displayed:.
1.3 Note the larger of the Width and Height attributes, In this case 85 pixels.
1.4 Note the location of the image file.
In this case the images are stored under content/galleries/gallery_one/
Your site should be setup in a similar fashion.
1.5 Close the Properties window.
2. Get Large Image Information
2.1 Place your mouse pointer on top of one of the large images, then right-click and select Properties from the menu.
2.2 A window similar to that shown in Figure 1.2, above, should be displayed.
2.3 Note the larger of the Width and Height attributes.
2.4 Close the Properties window.
3. Determine Which Images to Replace
If you will be replacing all of the gallery images you can skip this step.
3.1 Place your mouse pointer on top of the thumbnail image, right-click and select Properties from the menu.
3.2 Note the name of the image.
The name of the image in the example above is 01.jpg.
Repeat this process for each image that you want to replace.
4. Prepare the Source Images
4.1 Create a new folder (i.e. on your Desktop or in your My Documents folder).
4.2 Name this folder "source".
4.3 Copy the source images into this folder.
4.4 Rename the images according to the names that you noted in Step 3.
If replacing all of the images, then simply rename the images 01.jpg, 02.jpg, 03.jpg,...15.jpg, 16.jpg.
5. Create the Destination Folder
5.1 Create another new folder (i.e. on your Desktop or in your My Documents folder).
5.2 Name this folder "destination".
Photoshop will output the images it generates to this folder.
6. Process the Images
6.1 Open Adobe Photoshop.
6.2 In Photoshop, click the File > Automate > Web Photo Gallery menu item.
The Web Photo Gallery window should be displayed.
6.3 Click the Browse button (Windows) or the Choose button (Mac).
6.4 Locate and select the folder created in Step 4, then click the OK button (Windows) or the Choose button (Mac).
6.5 Click the Destination button.
6.6 Locate and select the folder created in Step 5, then click the OK button (Windows) or the Choose button (Mac).
6.7 Click the Options drop-down menu and select the Thumbnails option.
6.8 Set the size for the thumbnails in pixels as determined in Step 1.
6.9 Click the Options drop-down menu and select the Large Images option.
6.10 Set the size for the large images in pixels as determined in Step 2.
6.11 Click the OK button to begin processing the images.
A web browser window will open to display a preview of the gallery once Photoshop has finished processing your images.
You can close this window.
7. Upload the Images
7.1 Open your FTP software.
7.2 Connect to your FTP site.
The following information is needed to connect to your FTP site:
- Host name, also referred to as host address
- User name
- Password
Please contact Marathon Internet Services Customer Support to obtain this information if you do not already have it.
7.3 Once connected, locate and open the remote folder determined in Step 1.4.
7.4 Open the destination folder and locate the images and thumbnails folders.
7.5 Upload the images and thumbnails folders by single-clicking on the folder on the left-hand side and then clicking the upload button at the top of the window.
7.6 Once you have uploaded your images, visit the gallery page on your web site to verify that the new images are displayed.
In some cases you will need to refresh your browser window (either by pressing the F5 key on your keyboard or clicking the refresh button in your browser) in order to see the new images.