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!