Loyola Support Documentation

How do I embed an image on a Lessons page?

Updated on

Select Lessons.

Select the Lessons page title in the Tool Menu to display the page.

Note: The default or blank Lessons page contains text and images that explain the basic functionality of the Lessons tool.

Embed a locally-saved image file

Select Add Content.

Select Add Content from the Actions Menu.

Select Embed Content on the Page.

Select Embed Content on the Page from the dialog box.

Select Choose Files.

Select the Browse... button in the dialog box.

Locate and select the file on your computer.

  1. Locate the image file on your computer and select it.
  2. Then, select Open.

Select Save.

Select Save.

View embedded image.

The embedded image displays in its original dimensions.

Notice the image file location in Resources.

Note that the image file was automatically uploaded to your Resources in a folder with the same name as the Lessons page.

Embed an image from the web

Select Add Content.

Select Embed Content on the Page.

Select Embed Content on the Page from the dialog box.

Select Add new URL.

Select Add new URL (web link).

Paste image URL.

  1. Paste the image URL in the "Or add a URL or "embed code"" field.
  2. Then, select Save.

View embedded image.

The embedded image displays in its original dimensions.

To add a description of the image, select Edit.

Select the Edit icon (i.e., the pencil icon) that appears to the right of the image when you hover your cursor over the image.

Add a description.

  1. Optionally, you may change the dimensions of the embedded image by entering width and height values in pixels.
  2. Enter a description in the Item Description text field.
  3. Select Update Item.

Tip: See Making images more accessible for guidance on adding alt-text to images.

View image on page.

The image appears with modified dimensions (if applicable) and the description displayed below the image.