Quickstart Guide to Lightbox Expression Web Add-In
Start the Ajatix Lightbox Expression Web Add-In
Place the cursor into the position on page where you want to insert the lightbox. Start
the Ajatix Lightbox add-in by clicking the Lightbox icon
on the Ajatix toolbar.
Select a lightbox theme
Click OK in the Start Wizard to accept the default option to create a new lightbox from a preset theme.
You will see a selection of preset lightbox themes. Select the one that suites you better, to start with. Ajatix Lightbox is fully customizable, you will be able to change the lightbox style, or apply a different theme any time later.
Populate the lightbox
Your lightbox can be used to display a single image or a group of images (gallery). Check the Gallery option to enable multiple images.
Add images to the lightbox by clicking the Add icon. Select the source image (Link) and, optionally, a Caption for each entry. Thumbnails will be generated automatically.
Customize the lightbox style
Customize your lightbox design by changing colors, navigation images, caption, outline, and thumbnail styles in the Style Editor.
Preview the lightbox
The live preview window allows you to see what the lightbox will look like as you edit it. Any change in lightbox style or content is immediately reflected in the preview window. Click on thumbnails in the preview window to see the lightbox in action.
Save the lightbox
Save the lightbox style into a CSS file by selecting the Save Style command from the File menu.
Select the location and the name of the CSS file and click the Save button.
The saved CSS file can be re-used by other lightboxes on the same or different pages.
Click OK to finish editing the lightbox and close the Ajatix Lightbox add-in.
The add-in will insert the lightbox markup into the page.
Editing the Lightbox
The following topics will help you to learn how to customize your lightbox:
