Set of Images used in this Example -
Actual Sizes
Setup the Presenter Component
Bring up the Presenter Component up using the
"Insert->FrontLook->FrontLook Component Effects->Presenter..." menu item.
Then set the Component Size and other Component Attributes on the
Component panel as illustrated below:
Component Panel
Here the image width and height were set to
150 by 100 pixels and the caption height was set to 40 pixels. The total
Component size is then automatically calculated and set in the Size
section. The divider was turned on by checking the "Show Divider"
checkbox, the border was turned on by setting the border size to 1 pixel
and the background and border color was set to white and gray
respectively. The margins were set to 3 pixels and spacing between areas
was set to 7 pixels (3 pixel margin + 1 pixel border + 3 pixel margin).
Note the alignment of the component was set to "Center".
Import the Images
Now we are ready to setup the Slides. Since the images are on the web
already, the images will be imported from the web. First you will want to
clear out the standard set of images from the Presenter component on the
Slides panel. Do this by selecting the slides in the slides list and
pressing the remove button. You will notice that you cannot delete the
last slide, don't worry about his, just add the other images and then
delete the last image later. The images can be imported by pressing the
"Add..." button.
Adding Images from the web to the Slide List
Once the images have been added, use the up
and down arrows to set the order of the slides. Delete any images that you
don't want by using the "Remove" button.
After all the Images have added
Now you can set the caption info in the
Content area for each slide. Select a slide in the Slides list and then
edit the content for that slide. Use the Shift-Return for small line
breaks.
Set the Sizing Mode
The Scaling popup is used to set the scale and alignment of an image in
the slide show. This will save you time in getting the images to fit into
the slide show format without using an image editor.
No Scale Align Center
Setting the Scale Mode and Alignment for an Image
Note the black line in the Slide Preview
indicates how the image is scaled and aligned in the component area.
Stretch
Setting the Scaling so the image fills the component
box.
When using the stretch feature, be careful
your image doesn't end up too distorted.
Fit - Align Center
Setting the Scaling to Fit Align Center
One of the most useful settings will be
"Fit align Center". This will scale your image to fit into the component
area so the user can see the entire image without distortion. It will also
align the image into the center of the component.
How it Works
To minimize download time, the image needs to be scaled to a new size and
place on the web. Our software copies your image to a private directory
and then scales your image giving it a new name. The image is then copied
to the web site and placed in the _frontlook directory.
Note: Aliasing may occur if the image is
very large and is being scaled down significantly. In this case you should
use an image editor to scale the image using a high quality re-sampling
setting.
View the Slide Show
Below is the completed component:
