Welcome to to the Adobe Lightroom HTML gallery template tutorial for SBI! users. If you are an SBI! owner, and want to spruce up your web site with a nice HTML gallery from Adobe, you will soon realize that it will not work. However, I will show you in this tutorial how to change that [...]
Welcome to to the Adobe Lightroom HTML gallery template tutorial for SBI! users. If you are an SBI! owner, and want to spruce up your web site with a nice HTML gallery from Adobe, you will soon realize that it will not work. However, I will show you in this tutorial how to change that by modifying the code to make it work.
Lets have a look at what your gallery will look like first before we get to work. It will be a bit of work to create, so you may as well know what you are getting yourself into!
Adobe Lightroom HTML Gallery Template (without modifications)
The Structure
First things first. Before we start modifying the code, you need to understand how to set up your SBI files so that you can upload them to the SBI server.
1. Create a folder in your My Documents (for windows) folder, or elsewhere on your computer, and name it image-files.
2. Create a folder in your My Documents (for windows) folder, or elsewhere on your computer, and name it support-files.
3. Size all your landscape photos so that they are 450 px by 327 px and all your portrait photos so that they are 338 px by 450 px (see examples below).


4. Save these photos to your image-files folder with names that describe the photo. For example girl-pencil-drawing.jpg
5. Next we need the thumbnails saved into image-files folder. The landscape thumbnails need to be 130 px by 87 px, and the portrait ones need to be 87 px by 137 px.
![]()
![]()
No related posts.









Leave Your Response