{"id":2061,"date":"2016-10-07T08:39:59","date_gmt":"2016-10-07T06:39:59","guid":{"rendered":"http:\/\/people.unil.ch\/jacquelinefrey\/?p=2061"},"modified":"2022-11-21T10:17:34","modified_gmt":"2022-11-21T09:17:34","slug":"filemaker-14-utiliser-un-bouton-popover-pour-zoomer-une-image","status":"publish","type":"post","link":"https:\/\/people.unil.ch\/jacquelinefrey\/2016\/10\/filemaker-14-utiliser-un-bouton-popover-pour-zoomer-une-image\/","title":{"rendered":"FileMaker &#8211; Utiliser un bouton Popover pour zoomer une image"},"content":{"rendered":"<h4><strong>Contexte<\/strong><\/h4>\n<p>Vous disposez d&rsquo;une rubrique Conteneur pr\u00e9vue pour contenir une image. Vous souhaitez que cette rubrique soit petite sur votre mod\u00e8le mais qu&rsquo;il soit quand m\u00eame possible de visualiser l&rsquo;image en plus grand.<\/p>\n<h4><strong>Solution : utiliser un bouton Popover<\/strong><\/h4>\n<ul>\n<li>Allez en mode Mod\u00e8le et ins\u00e9rez un bouton Popover de petite taille<\/li>\n<li>Par dessus placez votre rubrique Conteneur (elle aussi de petite taille)<\/li>\n<li>Ins\u00e9rez en dessous de la rubrique une image indiquant la possibilit\u00e9 de faire un zoom, par exemple :<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2065 size-full\" src=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop.png\" alt=\"pop\" width=\"432\" height=\"292\" srcset=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop.png 432w, https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop-300x203.png 300w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/p>\n<ul>\n<li>Dupliquez votre rubrique Conteneur, placez-la dans le cadre Popover et agrandissez-la :<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2064 size-full\" src=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop2.png\" alt=\"pop2\" width=\"733\" height=\"283\" srcset=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop2.png 733w, https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop2-300x116.png 300w, https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop2-624x241.png 624w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/p>\n<ul>\n<li>Tapez \u00e9ventuellement un titre pour le Popover (Zoom) et quittez le mode Mod\u00e8le pour tester votre\u00a0Popover :<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2067 \" src=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop3.png\" alt=\"pop3\" width=\"317\" height=\"213\" srcset=\"https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop3.png 426w, https:\/\/people.unil.ch\/jacquelinefrey\/files\/2016\/10\/pop3-300x201.png 300w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contexte Vous disposez d&rsquo;une rubrique Conteneur pr\u00e9vue pour contenir une image. Vous souhaitez que cette rubrique soit petite sur votre mod\u00e8le mais qu&rsquo;il soit quand m\u00eame possible de&hellip;<\/p>\n","protected":false},"author":83,"featured_media":3423,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"template-full-width-cover.php","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[5],"tags":[36,37,38],"class_list":{"0":"post-2061","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-filemaker","8":"tag-image","9":"tag-mise-en-forme","10":"tag-modele"},"_links":{"self":[{"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/posts\/2061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/comments?post=2061"}],"version-history":[{"count":0,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/posts\/2061\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/media\/3423"}],"wp:attachment":[{"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/media?parent=2061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/categories?post=2061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.unil.ch\/jacquelinefrey\/wp-json\/wp\/v2\/tags?post=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}