{"id":6236,"date":"2022-06-23T15:09:34","date_gmt":"2022-06-23T13:09:34","guid":{"rendered":"https:\/\/helppriimalmsc.wpengine.com\/ohje\/image-carousel-assignment\/"},"modified":"2022-06-23T15:09:34","modified_gmt":"2022-06-23T13:09:34","slug":"image-carousel-assignment","status":"publish","type":"manual_kb","link":"https:\/\/help.priimalms.com\/en\/ohje\/image-carousel-assignment\/","title":{"rendered":"Image carousel assignment"},"content":{"rendered":"\n<p><\/p>\n\n<p>The Image Carousel allows you to browse multiple images in the image carousel format. This can also be a mandatory assignment, in which case the completion will receive automatic approval after all the images on the carousel have been reviewed at the same time.<\/p>\n\n<p><\/p>\n\n<p>The material can be traversed 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 follow where the material is progressing.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"935\" height=\"553\" src=\"https:\/\/helppriimalmsc.wpengine.com\/wp-content\/uploads\/2022\/06\/Lopputulos.png\" alt=\"example of a image carousel in the content page\" class=\"wp-image-6164\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Lopputulos.png 935w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Lopputulos-300x177.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Lopputulos-768x454.png 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/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.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"128\" src=\"https:\/\/helppriimalmsc.wpengine.com\/wp-content\/uploads\/2022\/06\/Jana-1024x128.png\" alt=\"\" class=\"wp-image-6165\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Jana-1024x128.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Jana-300x38.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Jana-768x96.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/Jana.png 1172w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>If the course has several pages, the mandatory nature of the assignment 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\"><img decoding=\"async\" src=\"https:\/\/helppriimalmsc.wpengine.com\/wp-content\/uploads\/2022\/06\/tehta&#x308;va&#x308;.png\" alt=\"example of the navigation and mandatory assingment\" class=\"wp-image-6167\"\/><figcaption>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:\/\/helppriimalmsc.wpengine.com\/wp-content\/uploads\/2022\/06\/Kuvakaruselli-info.png\" alt=\"image of the information text\" class=\"wp-image-6170\" width=\"284\" height=\"76\"\/><figcaption>Additional information text at the right upper corner<\/figcaption><\/figure>\n\n<p><\/p>\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<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/helppriimalmsc.wpengine.com\/wp-content\/uploads\/2022\/06\/kuvakaruselli-mikrokurssilla-1024x530.png\" alt=\"image carousel in a micro course, detailed information\" class=\"wp-image-6171\" srcset=\"https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/kuvakaruselli-mikrokurssilla-1024x530.png 1024w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/kuvakaruselli-mikrokurssilla-300x155.png 300w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/kuvakaruselli-mikrokurssilla-768x397.png 768w, https:\/\/help.priimalms.com\/wp-content\/uploads\/2022\/06\/kuvakaruselli-mikrokurssilla.png 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Example of an image carousel in a micro course<\/figcaption><\/figure>\n\n<p><\/p>\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":[49],"manual_kb_tag":[253],"class_list":["post-6236","manual_kb","type-manual_kb","status-publish","hentry","manualknowledgebasecat-course-activities","manual_kb_tag-tehtava-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb\/6236","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\/6236\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/media?parent=6236"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=6236"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/help.priimalms.com\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=6236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}