How do I add animated sliders into my course?

This tutorial is a step-by-step guide on how to add image sliders into your course. You'll learn how to add text, images and adjust settings.

Here's a step-by-step tutorial on how to add slider blocks into your course:

Step 1: Adding an Image Block Slider

  • To create an Image Block Slider, go to the "Blocks" section in Compozer and select "Image Slider."
  • Drag and drop the Image Slider block onto your canvas to start building the slider.

Step 2: Choosing a Slider Style

  • In the settings panel, explore the various slider styles available to suit your course needs. Select the one that best fits your design and content preferences.

Step 3: Configuring Slider Settings

  • Each slider block comes with a range of settings options to customise its behaviour and appearance.
  • Use the "Loop" option to allow slides to appear and disappear indefinitely, creating a continuous experience for learners.
  • Enable "Auto Play" to let the slider transition automatically between slides for a seamless interaction.
  • Adjust the "Autoplay Interval" to set the time in milliseconds between each slide transition, controlling the slider's pace.

Step 4: Managing Image Size and Height

  • Under the "Height" setting, you can adjust the height of the interaction to suit your layout and content requirements.

Step 5: Customising Image Display

  • In the "Image Size" section, choose between "Cover" and "Contain" options to control how images are displayed within the slider.
  • "Cover" keeps the image's aspect ratio and fills the given dimension, while "Contain" ensures the image fits within the dimension while maintaining its aspect ratio.

Step 6: Styling the Slider Box

  • Explore different "Box Style" options such as square, round, or removing the box entirely to achieve the desired appearance.
  • Optionally, you can change the box colour to match your course's theme or branding.

Step 7: Adding Background Colour or Image

  • For further customisation, you have the option to add a background colour or background image to each slide.
  • This feature allows you to create visually engaging slides and enhance the overall aesthetic of your slider.

Step 8: Preview and Publish

  • After configuring all the settings, preview your Image Block Slider to ensure it meets your expectations.
  • Once you're satisfied with the design and functionality, publish your course to share the visually appealing and interactive Image Block Slider with your learners.

With these simple steps, you can easily create image block sliders that offer an engaging and user-friendly interface for seamless interaction with information and multimedia elements in your Compozer course. Experiment with various styles and settings to design sliders that captivate your audience and enhance their learning experience. Happy designing!