{"id":3129,"date":"2023-05-05T11:20:34","date_gmt":"2023-05-05T03:20:34","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3129"},"modified":"2024-04-16T09:48:48","modified_gmt":"2024-04-16T01:48:48","password":"","slug":"add-slideshow-interaction-elements","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/ms\/docs\/add-slideshow-interaction-elements\/","title":{"rendered":"Tambah Elemen Interaksi Tayangan Slaid"},"content":{"rendered":"<p>Interaksi tayangan slaid boleh memaparkan imej yang anda muat naik dalam corak slaid. Tayangan slaid boleh menarik secara visual dan interaktif. Mereka boleh menarik perhatian penonton dan memastikan mereka berminat dengan kandungan.<\/p>\n\n\n\n<p>Tayangan slaid boleh disusun dengan cara yang memudahkan untuk menyampaikan maklumat secara logik dan tersusun. Sebagai contoh, anda boleh menunjukkan imej produk dalam tayangan slaid untuk membantu pengguna memahami produk dengan baik.<\/p>\n\n\n\n<p>Seterusnya, mari lihat cara menambah elemen interaksi tayangan slaid pada buku flip.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan: <\/strong> <br>1. Hanya pengguna Versi Platinum dan ke atas boleh menambah tayangan slaid. <br>2. Apabila menggunakan tayangan slaid tertentu seperti klasik, pudar, lajur, kiub, dsb., adalah disyorkan untuk memuat naik imej dengan saiz yang sama untuk mendapatkan pengalaman visual yang terbaik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Pilih untuk menambah templat tayangan slaid<\/h2>\n\n\n\n<p>klik <strong>[Unsur]<\/strong> pada bar alat sisi -&gt; <strong>[Tayangan slaid \u2013 Lagi]<\/strong> atau klik <strong>[Lagi]<\/strong> dalam bar alat sisi -&gt; <strong>[Tayangan slaid]<\/strong><img decoding=\"async\" src=\"\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\" alt=\"tambah-tayangan slaid-1\" class=\"wp-image-6731\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-300x189.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-768x483.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1-360x226.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Pilih mana-mana gaya tayangan slaid untuk menambahkannya pada kanvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"627\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2.png\" alt=\"tambah-tayangan slaid-2\" class=\"wp-image-6733\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-300x188.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-768x482.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-2-360x226.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Muat naik imej ke templat tayangan slaid<\/h2>\n\n\n\n<p>klik <strong>[Tambah Imej]<\/strong> atau klik dua kali tayangan slaid dalam kanvas -&gt; pilih berbilang imej -&gt; <strong>[Buka]<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-3.gif\" alt=\"tambah-tayangan slaid-3\" class=\"wp-image-6734\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Konfigurasikan sifat tayangan slaid<\/h2>\n\n\n\n<p>Selepas memuat naik imej, anda boleh melaraskan susunan paparan imej, tetapkan tayangan slaid kepada gelung, dayakan kursor ambil, klik dua kali untuk zum masuk, roda tetikus untuk berputar, automain, sesuaikan warna butang, dsb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"632\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4.png\" alt=\"tambah-tayangan slaid-4\" class=\"wp-image-6735\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-300x190.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-768x485.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-4-360x228.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Catatan:<\/strong>\u00a0Anda boleh menukar tayangan slaid kepada gaya lain sambil mengekalkan imej yang utuh <strong>[Ganti]<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"558\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5.png\" alt=\"tambah-tayangan slaid-5\" class=\"wp-image-6736\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-300x167.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-768x429.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-18x10.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-slideshow-5-360x201.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Pratonton tayangan slaid<\/h2>\n\n\n\n<p>klik <strong>[Pratonton tindakan pencetus]<\/strong> atau <strong>[Pratonton]<\/strong> untuk melihat kesannya.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"629\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-6.gif\" alt=\"tambah-tayangan slaid-6\" class=\"wp-image-6737\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah berkaitan artikel:<br><\/strong>tayangan slaid imej, galeri foto, slaid interaktif, animasi slaid, kawalan tayangan slaid, navigasi tayangan slaid, tayangan slaid tersuai, persembahan imej, paparan imej, eBuku interaktif, reka bentuk tayangan slaid, tayangan slaid boleh suai, tayangan slaid dinamik, editor slaid, urutan imej<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>A slideshow interaction can display the images you upload in a slide pattern. Slideshow can be visually appealing and interactive. They can capture the viewer&#8217;s attention and keep them interested in the content. Slideshows can be organized in a way that makes it easy to present information in a logical and structured manner. For example, [&hellip;]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-3129","docs","type-docs","status-publish","hentry","doc_category-multimedia"],"year_month":"2026-04","word_count":282,"total_views":"13013","reactions":{"happy":"3","normal":"0","sad":"1"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/ms\/docs-category\/multimedia\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"A slideshow interaction can display the images you upload in a slide pattern. Slideshow can be visually appealing and interactive. They can capture the viewer&#8217;s attention and keep them interested in the content. Slideshows can be organized in a way that makes it easy to present information in a logical and structured manner. For example, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/ms\/docs\/add-slideshow-interaction-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-16T01:48:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\",\"name\":\"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\",\"datePublished\":\"2023-05-05T03:20:34+00:00\",\"dateModified\":\"2024-04-16T01:48:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Slideshow Interaction Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ms_MY","og_type":"article","og_title":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"A slideshow interaction can display the images you upload in a slide pattern. Slideshow can be visually appealing and interactive. They can capture the viewer&#8217;s attention and keep them interested in the content. Slideshows can be organized in a way that makes it easy to present information in a logical and structured manner. For example, [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/ms\/docs\/add-slideshow-interaction-elements\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-04-16T01:48:48+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/","url":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/","name":"Add Slideshow Interaction Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","datePublished":"2023-05-05T03:20:34+00:00","dateModified":"2024-04-16T01:48:48+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-slideshow-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/fr\/docs\/add-slideshow-interaction-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add Slideshow Interaction Elements"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3129"}],"version-history":[{"count":10,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3129\/revisions"}],"predecessor-version":[{"id":7074,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3129\/revisions\/7074"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}