The Image Slider module is a dynamic visual component that displays a rotating set of images or banners directly on the Confluence page. Designed to optimize screen space, it cycles through a curated collection of visuals, allowing users to highlight key messages, promotions, announcements, or campaigns without overwhelming the layout. This feature enhances visual storytelling and engagement, making it ideal for homepages, team spaces, or internal campaigns where strong visual communication is essential.

Insert Image Slider

Follow these steps to insert a Image Slidermodule to your Confluence page:

1. Open the page you want to edit, or create a new one.

2. In edit mode, click the ‘+' icon in the toolbar or press '/' on your keyboard to open the macro menu.

3. Type "Image Slider" or "Optics" in the search bar and select Image Slider(by Optics) from the list to open a configuration dialogue.

4. In the configuration dialog, choose a Image Slider template and customize it using the live preview.

5. Once you're happy with the setup, click Add to page to insert the module. To cancel, simply click Cancel, and the module won’t be added.

Start with templates

Creating Image Slider module starts with choosing a template. Each one is crafted by our design experts to help you build outstanding, consistent content in Confluence. We're continuously adding new templates to keep your pages fresh and visually engaging.

Configuration

Image Slider templates include two types of settings: global settings that apply to all images, and individual settings that appear when you click to select a specific image.

Global settings

Global settings apply to the layout of the entire image slider, not to individual images. These options are visible only when no specific image is selected, ensuring consistent styling and layout across the full set of rotating visuals.

Flexible display elements

Announcement elements such as subtext, and title can be enabled or disabled. Available elements vary depending on the selected announcement template.

Styling options

Styling options include corner rounding.

Image Picker

Image slider module support multiple image sources, including Unsplash, direct links, library, and page attachments.

• Unsplash offers a built-in library of high-quality, royalty-free images that can be added to announcements with just one click, no need to upload anything manually.

• Direct link allows using an image by pasting its URL. This is useful when the image is hosted externally, just copy the image link and it will be displayed in the announcement without needing to upload it.

• Library is connected to the Optics Styleguide and allows uploading and storing company-approved images. These images can be reused across announcements to keep visuals consistent with brand guidelines.

• Page Attachments lets users select PNG or JPG images stored on any Confluence page, across any space. Images can also be uploaded directly through this feature, making it easy to use existing or new content from Confluence.

Individual Settings

Individual settings appear when an image is selected, allowing customization of the content and layout for that specific image.

Link

Each image can link to one of the following options, with settings to choose whether the link opens in the same tab or a new tab:

• Confluence page: Supports filtering and search to quickly find relevant content in Confluence.

• External URL: Accepts any valid link; just paste and save.

• Email address: Opens the user's default email app with the address pre-filled, ideal for support or contact scenarios.

Content

While title and subtext can be edited inline, the right sidebar also provides full access to content settings. It adjusts based on the selected template and reflects the visibility of options set in Global Settings.

Edit/Remove Image Slider

To edit or remove an Image Slider module from a Confluence page, follow these steps:

• Open the page where the Image Slider module is located

• Click Edit to enter page editing mode

• Locate and select the Image Slider module that needs to be updated or removed

• A small Confluence toolbar will appear above the module, offering options to edit, duplicate, or delete

• Click Edit to update the content or Delete to remove the module from the page