Display Images in Your Coursework

You can display images in your questions, assignments, or announcements.

WebAssignHow-ToInstructor Help
WebAssign Instructor Help

Alternatively, see:

  1. Open the question, assignment, or announcement in which you want to display your image file.

  2. Open the My Files window.

    From this page:

    Do this:

    Question Editor

    Click My Files in the Page Tools panel.

    Assignment Editor

    Click Include File for the Instructions.

    Communication Home

    Click My Files to the left of your announcement text.

  3. Navigate to the file you want to use and select its check box.

    You can select more than one file.

  4. For Paste location of file (selected below) as, select Image.

  5. Set the display text for the image.

  6. Select where you want your file to be included.

    In a:

    Do this:

    Question

    For Destination Field, select Question, Answer, or Solution.

    Assignment

    For Destination Field, select Instructions.

    Announcement

    For Destination Field, select Announcement.

  7. Click go.

    For each image to be displayed, a <userimage> tag is added to your content referencing the image's file ID and specifying any overrides to the display attributes.

    Examples:

    <userimage(12345)>
    <userimage(23456, alt => "gingko leaf", title => "gingko leaf")>
  8. Optional If needed, cut and paste the <userimage> tag to the location where your image should be displayed.

  9. Optional Specify other attributes that are valid for the <img> tag in HTML — for example, align, height, width, or style — in the same way that the alt, title, and longdesc attributes are specified.

    For example, the following code displays the image with a 2-pixel solid gray border:

    <userimage(103854, style => "border: 2px solid gray;")>

    The following code resizes the image to a width of 150 pixels:

    <userimage(137884, width => "150")>