diff --git a/common/lib/xmodule/xmodule/templates/html/image_modal.yaml b/common/lib/xmodule/xmodule/templates/html/image_modal.yaml deleted file mode 100644 index 9ed87e9b68..0000000000 --- a/common/lib/xmodule/xmodule/templates/html/image_modal.yaml +++ /dev/null @@ -1,24 +0,0 @@ ---- -metadata: - display_name: Full Screen Image Tool -data: | -

Full Screen Image Tool

-

Use the Full Screen Image tool to allow learners to open and zoom in on a larger version of an image in your course.

-

With the Full Screen Image tool, learners can see the image's details as well as its context within the unit.

-

To enable users to view the larger image, you wrap the smaller image in a link to the larger version of the image.

-

The following HTML code shows the format required to use the Full Screen Image tool. For the example in this template, you must replace the values in italics.

-
-        <a href="Path to full screen image" class="modal-content">
-          <img alt="Text for screen readers"
-          src="Path to image to include in unit page"/>
-        </a>
-        
-

You can modify the example below for your own use.

-
    -
  1. Replace the value of the link's href attribute with the path to the full size image. Do not change the value of the class attribute.
  2. -
  3. Replace the value of the image's src attribute with the path to the image that will appear in the unit before a learner opens it in full screen mode.
  4. -
  5. Replace the value of the image's alt attribute with text that both describes the image and the action or destination of clicking on the image. You must include alt text to provide an accessible label.
  6. -
-

Note: Test viewing the image in full screen mode in the LMS; you cannot view it in full screen from within Studio.

- - An image of the Stanford Hills. Select the image to open it in full screen mode.