Adding a Full Screen Image Tool

Adding a Full Screen Image Tool

1. Upload your image file to the Files & Uploads page.

2. Under Add New Component, select HTML, and then Text.

3. In the new component that appears, select Edit.

4. Select HTML from the toolbar to edit the HTML source code.

5. Copy and paste the following HTML code and change the elements highlighted in blue

<a href=”/static/Image1.jpg” class=”modal-content”>

<img alt=”Full screen image” src=”/static/Image1.jpg”/>

</a>

Learner platform display: