{"id":3939,"date":"2023-05-12T17:16:11","date_gmt":"2023-05-12T09:16:11","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3939"},"modified":"2024-03-15T15:03:59","modified_gmt":"2024-03-15T07:03:59","password":"","slug":"pop-up-image-trigger-action","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fi\/docs\/pop-up-image-trigger-action\/","title":{"rendered":"Lis\u00e4\u00e4 [Pop up Image] -toiminto"},"content":{"rendered":"<p>Voit lis\u00e4t\u00e4 a <strong>[ponnahduskuva]<\/strong> toiminto flipbookin pienelle kuvalle, jotta voit laukaista pienen kuvan ponnahdusikkunaan n\u00e4hd\u00e4ksesi suuremman kuvan, jota k\u00e4ytet\u00e4\u00e4n yleens\u00e4 tuotetietojen n\u00e4ytt\u00e4miseen.<\/p>\n\n\n\n<p>Lis\u00e4t\u00e4\u00e4n <strong>[ponnahduskuva]<\/strong> voi s\u00e4\u00e4st\u00e4\u00e4 flipbookien tilaa ja tarjota yksityiskohtaisempia tietoja s\u00e4ilytt\u00e4en samalla puhtaan ja yksinkertaisen asettelun.<\/p>\n\n\n\n<p>Katsotaan seuraavaksi, miten lis\u00e4t\u00e4\u00e4n<strong> [ponnahduskuva]<\/strong> toimia elementille.<\/p>\n\n\n\n<p>Napsauta elementti\u00e4 kankaalla -&gt; napsauta <strong>[Toiminnot]<\/strong> ominaisuuspaneelissa -&gt; valitse laukaisuehto -&gt; <strong>[ponnahduskuva]<\/strong> -> <strong>[Lataa kuva]<\/strong> -&gt; valitse kuva paikallisesta kansiosta -&gt; <strong>[Avata]<\/strong> -&gt; klikkaa <strong>[Tallentaa]<\/strong> tai <strong>[Esikatselu]<\/strong> yl\u00e4ty\u00f6kalupalkissa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"620\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\" alt=\"add-pop-up-image-action-1\" class=\"wp-image-6825\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-300x186.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-768x476.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-360x223.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Huomautus:<\/strong> Voit ladata useita kuvia kerralla ja laukaista elementin n\u00e4ytt\u00e4m\u00e4\u00e4n useita kuvia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"609\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-2.gif\" alt=\"add-pop-up-image-action-2\" class=\"wp-image-6826\"\/><\/figure>\n\n\n\n<p>Voit lis\u00e4t\u00e4 ladattuun kuvaan otsikon, kuvauksen ja linkin <strong>[Muokata]<\/strong> -kuvaketta kuvassa ja p\u00e4\u00e4set verkkosivustolle napsauttamalla kuvaa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"746\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3.png\" alt=\"add-pop-up-image-action-3\" class=\"wp-image-6827\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-300x224.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-768x573.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-16x12.png 16w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-360x269.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"642\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-4.gif\" alt=\"add-pop-up-image-action-4\" class=\"wp-image-6828\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikkeliin liittyv\u00e4t termit:<br><\/strong>ponnahdusikkunan laukaisintoiminto, ponnahduskuva, ponnahdusikkunoiden mukauttaminen, ponnahdusikkunoiden suunnittelu, ponnahdusikkunoiden koko, interaktiiviset fl\u00e4ppikirjat, k\u00e4ytt\u00e4jien sitoutuminen, ponnahdusikkunoiden leveys, ponnahdusikkunoiden liipaisutoimintojen lis\u00e4\u00e4minen, visuaalisen sis\u00e4ll\u00f6n parantaminen, vuorovaikutteisuuden lis\u00e4\u00e4minen<\/p>","protected":false},"excerpt":{"rendered":"<p>You can add a [Pop up Image] action for the small image in the flipbook so that you can trigger the small image to pop up image to view the larger image, which is usually used to show product details. Adding [Pop up Image] can save the flipbooks\u2019 space and provide more detailed information while [&hellip;]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-3939","docs","type-docs","status-publish","hentry","doc_category-trigger-action"],"year_month":"2026-04","word_count":197,"total_views":"13384","reactions":{"happy":"4","normal":"0","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/fi\/docs-category\/trigger-action\/"}],"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 [Pop up Image] Action - 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=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"You can add a [Pop up Image] action for the small image in the flipbook so that you can trigger the small image to pop up image to view the larger image, which is usually used to show product details. Adding [Pop up Image] can save the flipbooks\u2019 space and provide more detailed information while [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fi\/docs\/pop-up-image-trigger-action\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:03:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\",\"name\":\"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\",\"datePublished\":\"2023-05-12T09:16:11+00:00\",\"dateModified\":\"2024-03-15T07:03:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add [Pop up Image] Action\"}]},{\"@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\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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 [Pop up Image] Action - 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":"fi_FI","og_type":"article","og_title":"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"You can add a [Pop up Image] action for the small image in the flipbook so that you can trigger the small image to pop up image to view the larger image, which is usually used to show product details. Adding [Pop up Image] can save the flipbooks\u2019 space and provide more detailed information while [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/fi\/docs\/pop-up-image-trigger-action\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:03:59+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/","url":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/","name":"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","datePublished":"2023-05-12T09:16:11+00:00","dateModified":"2024-03-15T07:03:59+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add [Pop up Image] Action"}]},{"@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":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@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\/fi\/wp-json\/wp\/v2\/docs\/3939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3939"}],"version-history":[{"count":4,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3939\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3939\/revisions\/6829"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3939"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3939"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}