This tutorial shows how to add Lightbox to images on a page. We will use the following three images as examples.
Each of them links to a corresponding larger image. We use the first one "flower.jpg" as an example. The same file name "flower.jpg" shown in the "Link" tab is the larger size image with the same name.
Select all three images on the page. We will add them altogether so that they will be shown one after another in the Lightbox.
Select "Insert" > "Javascript" > "Lightbox" from the main menu.
The following dialog will be shown with the selected images. You can add or remove images from the selected group.
Click on the "Styles" tab. Select the option "Scale pop-up images to fit within window" so that it will fit smaller screen size.
Click on the "Themes" tab. We choose "Theme 6" and also select the option "Use close button at top right corner".
Click on the OK button to add Lightbox to the selected images.
