Slideshow is one of the interactivity used in eLearning to present content in a better way. We can chunk content as per the requirement and by clicking the ‘back’ and ‘next’ arrows learners can navigate the content. Using the Lectora authoring tool, we can create slideshows very easily by following three steps, – by just assigning actions to the buttons that are in the groups.
Groups play a major role in Lectora. Content that needs to show or hide during the interactivity needs to be grouped. If we don’t group, we will need to write an action to show or hide for all the elements that need to be shown or hidden. This would greatly increase the actions list… If we group the content, then we can show or hide the content in the group with a single action. All the elements should be in a group, as shown in the image below.
As result, all we need to do is go to the Action tab and select the action and assign action to the arrow buttons as click on “show groupScreen_01” or” hide”. All the elements in the group will be shown or hidden in the process.
Create custom design by using images and buttons for slideshows in Lectora. Since slideshows show content that needs to appear in a predetermined order, the content that is made into groups should be given a specific name for easy identification. This helps in arranging pages of the slideshow in correct order.
We can create slideshows very easily by using simple “hide and show” actions. Below are some examples of slideshows which are done in Lectora.
Here are the main steps that need to be followed to create slide shows in Lectora:
- Create buttons and background
- Chunk content into groups
- Assign actions
Let me explain them in detail.
Creating Buttons and Background
Create the Arrow Buttons with normal, hover and dull colors and the background of the slideshow by using editing software such as Photoshop.
Chunking content into groups
Create groups as per the pages in the slideshow. For example, if there are four pages, create five groups including the Intro page. Name the groups correctly so as they can be identified easily. See the example shown below:
Note: Make sure that every group consists of back and next arrows.
Tips to make slideshow more effective:
In Intro group back arrow should be dull. In the last group next arrow should be dull.
After designing and making it into groups, we need to assign actions to the buttons.
Go to the Add menu and from the drop-down list select the Action option.
Select the “Next Arrow button in Intro (group) and assign the action as “show Screen_01”. No need to assign action for the back arrow button as it is in the dull state.
(Intro) group. (Next arrow button)
Show Screen_01 and Hide intro action for the next button.
Here is the action panel for the Intro group. (Next arrow button)
(Screen_01) group. (Back and Next arrow buttons)
ShowScreen_02 and HideScreen_01 action for the next button.
Show Intro and HideScreen_01 action for the back button.
Here is the action panel for the Screen_01 group.
(Screen_02) group. (Back and Next arrow buttons)
ShowScreen_03 and HideScreen_02 action for the next button.
ShowScreen_01 andHideScreen_02 action for the back button.
Here is the action panel for the Screen_02 group.
(Screen_03) group. (Back and Next arrow buttons)
ShowScreen_04 and HideScreen_03action for the next button.
ShowScreen_02 andHideScreen_03 action for the back button.
Here is the action panel for the Screen_03 group.
(Screen_04) group. (Back arrow button)
ShowScreen_03 and HideScreen_04 action for the back button.
Here is the action panel for the Screen_04 group.
Table below helps in assigning actions to the buttons.
|Next arrow||Back arrow|
Through this procedure, we can easily create slideshow interactivity in a Lectora course.
Subscribe to Our Blogs
Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below: