Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This article provides information on the following topics:

Table of Contents
minLevel1
maxLevel7

Features

  • The content slider lets you create each slide in a container, with full Confluence editing and formatting functionality:

...

  • .

  • Use the content slider macro to slide through page content like text, links or even charts instead of just images. Whether you want to create interactive step-by-step guides or just a simple news ticker, it's now possible with the content slider macro.

  • Build a content slider with each slide as its content container. You can place as many entries as you want inside a Content Slider macro block by using the Content Slider Entry macro.

    Image RemovedImage Added

Parameters

Parameter

Default

Description

Width

500px

Width of the slider in pixels or percents. Leave blank to let the slider automatically choose the best size. e.g. 100%, 500px

Height

300px

Height of the slider in pixels. Leave blank to let the slider automatically choose the best size.

Background Color

WhiteSmoke

The background colour of the content slider. Use hexadecimal notation or HTML colour name.

Slider Effect

Fade

Choose between multiple transition effects. Valid values are:

  • Fade

  • Slide

Auto Slide Display Time

3000

Time (ms) how long each image will be shown. 0 value turns the auto slider off.

Content Padding

selected

Enable to add padding to slide content.

Show Navigation

selected

Choose to show the prev/next navigation.

Show Bullets

selected

Choose to show bullets at the bottom of the slider.

...

  1. Go to the page where you want to slide display the images slides and click edit.

  2. Click the + icon. Search for the Image Content Slider macro.
    (or) you can type { lmageContent, the list with latex macro suggestions is displayed, select the Image Content Slider macro.

  3. Select Image Content Slider macro. The Image Content Slider macro is displayed.

  4. Click the macro body and select Edit. The Image Slider macro is displayed.

    Image Removed

    Click the Select Images Locations button. The Select Individual Images window is displayed.

    Image RemovedImage Removed
  5. Choose the Space and Page name from where you want to pull images from.

  6. (Optional) To pull images based on the labels specify Attachment Labels.

  7. (Optional) You also select images by location. To select images by location perform the following:

    1. Go to Select Image Location tab.

      Image Removed
    2. Choose the Space and Page name from where you want to pull images from.

    3. (Optional) To pull images based on the labels specify Attachment Labels.

    4. Click Add Location. The images are loaded.

  8. Click Get Images. The images are loaded.

  9. Select the images that you want to use in the image slider.

  10. Click View Selected. The images selected are displayed.

  11. Click Close.+ icon. Search for the Content Slider macro.
    (or) you can type { Content, the list with latex macro suggestions is displayed, select the Content Slider Entry macro.

  12. Add the content in the Content Slider Entry macro. You can add as many Content Slider Entry macros as you wish; each Content Slider Entry macro will create one slide.

  13. Click the macro body and select Edit. The Content Slider macro is displayed.

    Image Added
  14. Customize the way the image slider you want to view the slider. For more information, see Parameters.

  15. Click Apply.

  16. Publish the page. The Image Content slider is rendered on to your page.