{"id":6234,"date":"2022-06-23T15:06:11","date_gmt":"2022-06-23T13:06:11","guid":{"rendered":"https:\/\/helppriimalmsc.wpengine.com\/ohje\/image-carousel\/"},"modified":"2023-09-20T10:31:43","modified_gmt":"2023-09-20T07:31:43","slug":"image-carousel","status":"publish","type":"manual_kb","link":"https:\/\/help.priimalms.com\/en\/ohje\/image-carousel\/","title":{"rendered":"Image carousel"},"content":{"rendered":"\n<p><\/p>\n\n<p>The image carousel content block can be used to display multiple images in image carousel format. This block can also be a mandatory assignment, with automatic approval of the presentation once the learner has gone through all the images on the carousel at the same time. So here\u2019s a good time to think about how many pictures make sense to have in one carousel block so that the learner is sure to be able to look through them all at once. (On the other hand, it is good to note that there must be at least two images in the carousel. If there is only one image to be set as a task, for example a diagram to go through, it is recommended to import it as an Image content block and set it as mandatory. In this case, the Mark completed button will appear below it.)<\/p>\n\n<p><\/p>\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset-1024x912.png\" alt=\"\" class=\"wp-image-7037\" width=\"628\" height=\"559\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset-1024x912.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset-300x267.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset-768x684.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset-1536x1369.png 1536w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakarusellin-asetukset.png 1652w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/figure>\n\n<p>The learner can scroll through the material using the arrow buttons on the left and right sides of the carousel block or the segment at the bottom. From the segment at the bottom of the block, the learner can also keep track of where the material is progressing.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"540\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakaruselli-1024x540.png\" alt=\"\" class=\"wp-image-7040\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakaruselli-1024x540.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakaruselli-300x158.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakaruselli-768x405.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/kuvakaruselli.png 1410w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><\/p>\n\n<p>If the image carousel is a mandatory assignment, the green color in the segment at the bottom indicates which pages have been traversed. In addition to the first uses, it is a good idea to instruct learners that the content must be reviewed at once in order for the image carousel to become a completed assingment.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"144\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/eteneminen-1024x144.png\" alt=\"\" class=\"wp-image-7042\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/eteneminen-1024x144.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/eteneminen-300x42.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/eteneminen-768x108.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/eteneminen.png 1524w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>If the course has several images, the mandatory nature of the block is shown in the page navigation on the left. There is also an i icon in the upper right corner of the image carousel, which opens an explanation: &#8220;The assignment is completed when you have completed the content.&#8221;<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/pakollisuus.png\" alt=\"\" class=\"wp-image-7044\" width=\"520\" height=\"205\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/pakollisuus.png 582w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/pakollisuus-300x119.png 300w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><figcaption class=\"wp-element-caption\">Mandatory assignment mark in the side navigation.<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/infokuvake.png\" alt=\"\" class=\"wp-image-7046\" width=\"524\" height=\"272\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/infokuvake.png 566w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2023\/04\/infokuvake-300x156.png 300w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><figcaption class=\"wp-element-caption\">Additional information text at the right upper corner<\/figcaption><\/figure>\n\n<p>If the image carousel is in use in a micro-course (i.e., the side navigation on the left side is not visible, the mandatory is indicated specifically by that i-icon.<\/p>\n\n<p><\/p>\n\n<p><strong>Tip:<\/strong> You can turn a PowerPoint presentation into a carousel by saving the slides in the presentation as images. The save path to images may vary depending on the version of PowerPoint.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Save As &gt; Download as Images &gt; Download a copy of the presentation to your computer as JPEG images (one image from each slide) or<\/li>\n\n\n\n<li>File &gt; Export &gt; Change File Type &gt; [select format eg JPEG] &gt; Save As<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/ppt-kuviksi-ohje-1024x442.png\" alt=\"view from the powerpoint export menu\" class=\"wp-image-6173\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/ppt-kuviksi-ohje-1024x442.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/ppt-kuviksi-ohje-300x129.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/ppt-kuviksi-ohje-768x331.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/ppt-kuviksi-ohje.png 1322w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Example of a path to save a PowerPoint presentation as images.<\/figcaption><\/figure>\n\n<p><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"priimagroup_meta":"","footnotes":""},"manualknowledgebasecat":[210],"manual_kb_tag":[433,265,252,253],"class_list":["post-6234","manual_kb","type-manual_kb","status-publish","hentry","manualknowledgebasecat-content-and-assignments-in-the-course","manual_kb_tag-content-types","manual_kb_tag-sisalto-en","manual_kb_tag-sisaltolohkot-en","manual_kb_tag-tehtava-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb\/6234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":0,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb\/6234\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/media?parent=6234"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=6234"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=6234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}