---
title: "Content Slide: Expandable Images"
slug: "content-slide-expandable-images"
updated: 2022-02-25T15:49:19Z
published: 2022-02-25T15:49:19Z
canonical: "support.smarteru.com/content-slide-expandable-images"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.smarteru.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Content Slide: Expandable Images

You can allow images that you've [added to a content slide](/v1/docs/wysiwyg-editor-adding-an-image-to-content) to be expanded by learners.

![Graphical user interface, website Description automatically generated](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/content-slide-expandable-images-image-b11a6dqa.gif)

To allow learners to click on and expand an image:

1. From the [Course Builder Dashboard](/v1/docs/course-builder-dashboard), display the [content slide](/v1/docs/content-slides).
2. If you haven't already [added the image to the content slide](/v1/docs/wysiwyg-editor-adding-an-image-to-content), add the image using the [WYSIWYG edito](/v1/docs/wysiwyg-editor)r.
3. Select the HTML Editor tab to view the content slide's HTML code.
4. Locate the code for the image which begins with

*![HTML Editor](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/content-slide-expandable-images-image-u81lkkdy.png)*

1. Do one of the following:

- If the *img* tag already includes a *class* attribute, add " *imgExpandable*" after the existing class attribute. For example:

![Text, application Description automatically generated](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/content-slide-expandable-images-image-kkxpxag9.png)

- If the *img* does not include a *class* atttribute, add the following just before the /> at the end of the img tag:

> class="imgExpandable"

For example:

![Graphical user interface Description automatically generated with low confidence](https://cdn.document360.io/7efaadab-fef6-4186-806a-2ca14c9ce9ea/Images/Documentation/content-slide-expandable-images-image-87iewgz7.png)

1. Click **Save**.

## Related

- [Adding a Content Slide](/adding-a-content-slide.md)
- [Content Slide: Content](/content-slide-content.md)
- [WYSIWYG Editor: Adding an Image to Content](/wysiwyg-editor-adding-an-image-to-content.md)
- [WYSIWYG Editor](/wysiwyg-editor.md)