You are here: Courses > Adding Courses with the WYSIWYG Course Editor > Adding an Image to a WYSIWYG Course

Adding an Image to a WYSIWYG Course

You can add images to WYSIWYG Courses in several ways. Typically, you will add files that you previously uploaded to Resource Manager. If there are files you want to use and you have not already uploaded them to Resource Manager, you can do so while adding them to your Course. Another way you can add images to your Course is to point to their locations on the Internet. See the following sections for instructions on each of these methods.

Adding Images from Resource Manager

If you have already uploaded the images you want to use in your Course to Resource Manager, follow these steps. In the WYSIWYG Course Editor:

Place your cursor at the spot on the page where you want the image inserted.
Click .

Select Images from the Folders drop-down list.
Select the View Preview check box if you want to see the picture you select. (Default)
or
Clear the check box to prevent the preview from displaying.
In the Choose From Pictures You’ve Uploaded drop-down list, select the image you want to use.

Images must first be uploaded to Resource Manger before you can add them to a Course. If you have not already uploaded the file you want to use, you can do it now from this window. See Uploading Images from Your Computer below for instructions.

Type the Width of the image in pixels.
Type the Height of the image in pixels.

If Height and Width are not set, the image will be inserted at its actual size. Once inserted, an image can be resized in the editor by clicking on it and using the surrounding handles to adjust the shape.

Type the Border Thickness around the image in pixels.
Select an Alignment position from the drop-down list.
Type the Horizontal spacing size in pixels that the image should be placed relative to the insertion point.
Type the Vertical spacing size in pixels that the image should be placed relative to the insertion point.
Click Save.

Uploading Images from Your Computer

If you have not already uploaded the file you want to the Resource Manager, you do not need to navigate away from this window to do so. You can upload additional images the Resource Manager directly from this window. In the WYSIWYG Course Editor:

Place your cursor at the spot on the page where you want the image inserted.
Click .
Click Upload More Pictures.
In the Directory to upload to drop-down list, select Images.
Click Browse and search your computer for the image you want to upload.
Select the file and click Open.
Repeat the previous two steps until you have added each image you want to upload. (You can upload 10 files at once.)
Click Upload. A dialog box displays the upload status.
Click Return. The Pictures pop-up window opens.
The uploaded images are listed in the Preview drop-down list.
To add one of the uploaded images now, select it from the Preview drop-down list then click Save.

Uploading Images from a Location on the Internet

You can upload images from the Internet to be used in your Course. In the WYSIWYG Course Editor:

Browse to the web page that contains the image you want to use.
Right-click the image and select Properties.
Highlight the entire URL Address of the image, then press CTRL+C on your keyboard to copy it.
Click OK to close the window.
In the WYSIWYG Course Editor, place your cursor at the spot where you want the image inserted.
Click .
In the Enter a URL to a Picture on the Internet box, highlight the existing text (http://) then press CTRL+V on your keyboard to paste the URL of the picture’s location.
Click Save.