{"id":11210,"date":"2019-12-20T15:35:00","date_gmt":"2019-12-20T15:35:00","guid":{"rendered":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=11210"},"modified":"2019-12-16T18:59:11","modified_gmt":"2019-12-16T18:59:11","slug":"interactive-image-comme-son-nom-lindique","status":"publish","type":"post","link":"https:\/\/www.ticeman.fr\/lecoutelas\/?p=11210","title":{"rendered":"Interactive image : Comme son nom l&#8217;indique."},"content":{"rendered":"\n<p>Une autre solution pour apporter de l&#8217;interactivit\u00e9 \u00e0 vos images. Le principe est simple puisque d\u00e8s l&#8217;accueil, il convient de s\u00e9lectionner l&#8217;image qui recevra des \u00e9l\u00e9ments d&#8217;interactivit\u00e9.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"155\" src=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-accueil-300x155.png\" alt=\"\" class=\"wp-image-11211\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-accueil-300x155.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-accueil-1024x529.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-accueil-768x396.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-accueil.png 1352w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>une fois l&#8217;image charg\u00e9e, l&#8217;interface de travail appara\u00eet.  Un menu sup\u00e9rieur permet d&#8217;effectuer quelques r\u00e9glages, assez limit\u00e9s dans la version gratuite et surtout de partager votre image via un code d&#8217;int\u00e9gration.  L&#8217;ajout de points interactifs se fait simplement en cliquant sur l&#8217;image.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"145\" src=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-interface-300x145.png\" alt=\"\" class=\"wp-image-11212\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-interface-300x145.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-interface-1024x495.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-interface-768x372.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-interface.png 1352w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Pour chaque point interactif, vous pouvez pr\u00e9ciser, un titre, une description, un lien ou encore une vid\u00e9o. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"145\" src=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-ajout-element-300x145.png\" alt=\"\" class=\"wp-image-11213\" srcset=\"https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-ajout-element-300x145.png 300w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-ajout-element-1024x495.png 1024w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-ajout-element-768x371.png 768w, https:\/\/www.ticeman.fr\/lecoutelas\/wp-content\/uploads\/2019\/12\/interactive-image-ajout-element.png 1348w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p>Une fois tous les \u00e9l\u00e9ments interactifs ajout\u00e9s, un simple partage avec le bouton embed permet de r\u00e9cup\u00e9rer le code \u00e0 coller dans votre site ou ENT pour obtenir une image comme dans l&#8217;exemple ci-dessous.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><div style=\"position: relative; padding-bottom: 69%; padding-top: 0; height: 0;\"><iframe loading=\"lazy\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width:0px; max-width:100%; overflow-y:auto;\" width=\"100%\" height=\"100%\" src=\"https:\/\/interactive-img.com\/view?id=10402&amp;iframe=true\"><\/iframe><\/div><\/pre>\n\n\n\n<p>Le service est gratuit et sans publicit\u00e9 mais n\u00e9cessite de s&#8217;inscrire. la version gratuite permet de disposer de cinq cr\u00e9ations en simultan\u00e9. <\/p>\n\n\n\n<p>Lien : <a href=\"https:\/\/interactive-img.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Interactive image (s\u2019ouvre dans un nouvel onglet)\">Interactive image<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une autre solution pour apporter de l&#8217;interactivit\u00e9 \u00e0 vos images. Le principe est simple puisque d\u00e8s l&#8217;accueil, il convient de s\u00e9lectionner l&#8217;image qui&hellip;<a href=\"https:\/\/www.ticeman.fr\/lecoutelas\/?p=11210\" class=\"more-link\"><span class=\"more-button\">Continuez la lecture<span class=\"screen-reader-text\">Interactive image : Comme son nom l&#8217;indique.<\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":11215,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,116],"tags":[],"class_list":["post-11210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-images","category-rendre-des-images-interactives"],"_links":{"self":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/11210"}],"collection":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11210"}],"version-history":[{"count":2,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/11210\/revisions"}],"predecessor-version":[{"id":11216,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/posts\/11210\/revisions\/11216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=\/wp\/v2\/media\/11215"}],"wp:attachment":[{"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ticeman.fr\/lecoutelas\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}