Custom Design Help - Photo Spot Viewer
« Main help page
How to create a Custom Design gallery from Adobe Photoshop
1. Create a gallery with space for your images
2. Use the slice tool to mark the place holders. The names of the slices are important and they should have a name "image1" for your first image, "image2" for your second image and so on.
Notice: The slices should not overlap on another.
3. You can optionally use the slice tool to create place holders for the image titles. The name of the slices should be "title1" for your first image, "title2" for your second image and so on.
4. You can optionally use the slice tool to create a place holder for the page links and information.
To make space for the pagination links, name your slice "pages".
To make space for the page counter, name your slice "pagescounter".
To make space for the results counter, name your slice "resultscounter".
How to upload your work
1. From the menu go to "File" > "Save for Web & Devices ..."
2. Click the Save button, type a name for your gallery file and do not forget to select the "HTML and Images" option from the "Save as type" box and the "XHTML" option from the "Settings" box.
3. Save your HTML and image files and upload them to your web server. You can use the "Media Manager" facility from the "Site" menu from Joomla! or an FTP software. In this example we will assume you uploaded the HTML file in "images/stories/mygallery.html" and your images in "images/stories/images".
There must always be an HTML file and an "images" sub-directory with the sliced images.
4. Come back to this control panel and type in the path of your gallery: images/stories/mygallery.html