{"id":1386,"date":"2017-02-13T15:05:23","date_gmt":"2017-02-13T15:05:23","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1386"},"modified":"2017-02-13T15:05:23","modified_gmt":"2017-02-13T15:05:23","slug":"image-with-hotspots","status":"publish","type":"page","link":"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/","title":{"rendered":"Image with Hotspots"},"content":{"rendered":"<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='intro' class='avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  container_wrap sidebar_right'   ><div class='container' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-1386'><div class='entry-content-wrapper clearfix'>\n<div style='height:50px' class='hr hr-invisible '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div style='padding-bottom:20px;color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote modern-centered   av-inherit-size'><h1 class='av-special-heading-tag'  itemprop=\"headline\"  >Image with Hotspots<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div>\n<div style=' margin-top:30px; margin-bottom:30px;'  class='hr hr-custom hr-center hr-icon-no '><span class='hr-inner   inner-border-av-border-fat' style=' width:50px; border-color:#000000;' ><span class='hr-inner-style'><\/span><\/span><\/div>\n\n<div style='height:50px' class='hr hr-invisible '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div>\n<div class=\"flex_column av_one_half  av-animated-generic fade-in  flex_column_div av-zero-column-padding first  \" style='border-radius:0px; '><section class=\"av_textblock_section\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock '   itemprop=\"text\" ><p>The Image with Hotspots allows you to place either a fullwidth or content size image on the screen that has various hotspots (any number possible) which will be shown once the image scrolls into the browser vieport<\/p>\n<\/div><\/section><\/div><div class=\"flex_column av_one_half  av-animated-generic fade-in  flex_column_div av-zero-column-padding   \" style='border-radius:0px; '><section class=\"av_textblock_section\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock '   itemprop=\"text\" ><p>There are &#8211; as always &#8211; several color options, as well as options for each individual hotspot. For example how and when the text overlay should be shown.<\/p>\n<\/div><\/section><\/div>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='after_section_1' class='main_color av_default_container_wrap container_wrap sidebar_right'   ><div class='container' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-1386'><div class='entry-content-wrapper clearfix'>\n<div class='flex_column_table av-equal-height-column-flextable' ><div class=\"flex_column av_one_full  flex_column_table_cell av-equal-height-column av-align-middle av-zero-column-padding first  \" style='border-radius:0px; '><p><br \/>\n<section class=\"av_textblock_section\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock '   itemprop=\"text\" ><p>Here you can see an example of a non-fulwidth image with hotspots. Also on this image with have set a different color for the hotspot. You can assign colors individually for each hotspot.<\/p>\n<\/div><\/section><\/p><\/div><\/div><!--close column table wrapper. Autoclose:  -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Image with Hotspots - POP AP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image with Hotspots - POP AP\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/\" \/>\n<meta property=\"og:site_name\" content=\"POP AP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\">\n\t<meta name=\"twitter:data1\" content=\"andrea\">\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data2\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.popap.fr\/#\/schema\/person\/1b35b44cefd7538c5b9431ffd77241a1\",\"name\":\"andrea\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.popap.fr\/#personlogo\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7488f28436650bb7e4fa5a5dd33df135?s=96&d=mm&r=g\",\"caption\":\"andrea\"},\"logo\":{\"@id\":\"https:\/\/www.popap.fr\/#personlogo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.popap.fr\/#website\",\"url\":\"https:\/\/www.popap.fr\/\",\"name\":\"POP AP\",\"description\":\"Conseil en marketing et d\\u00e9veloppement pour Petites Entreprises\",\"publisher\":{\"@id\":\"https:\/\/www.popap.fr\/#\/schema\/person\/1b35b44cefd7538c5b9431ffd77241a1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.popap.fr\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/#webpage\",\"url\":\"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/\",\"name\":\"Image with Hotspots - POP AP\",\"isPartOf\":{\"@id\":\"https:\/\/www.popap.fr\/#website\"},\"datePublished\":\"2017-02-13T15:05:23+00:00\",\"dateModified\":\"2017-02-13T15:05:23+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.popap.fr\/index.php\/image-with-hotspots\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages\/1386"}],"collection":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1386"}],"version-history":[{"count":1,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions"}],"predecessor-version":[{"id":4042,"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/pages\/1386\/revisions\/4042"}],"wp:attachment":[{"href":"https:\/\/www.popap.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}