{"id":7291,"date":"2012-06-04T12:11:46","date_gmt":"2012-06-04T10:11:46","guid":{"rendered":"http:\/\/flaven.fr\/?p=7291"},"modified":"2012-06-04T12:11:46","modified_gmt":"2012-06-04T10:11:46","slug":"ajouter-une-evenement-dapparition-show","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2012\/06\/ajouter-une-evenement-dapparition-show\/","title":{"rendered":"Ajouter une \u00e9v\u00e9nement d&#8217;apparition (show)"},"content":{"rendered":"<p><!-- 3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)  --><\/p>\n<p><!-- \u00c9v\u00e9nement, HTML5, \u00e9v\u00e9nement, apparition, show, jQuery, rich-media, Cloud, webdoc, s\u00e9quence, m\u00e9dias, 3WDOC, compte, action, l'article, audio, nuage, codec, CSS, CSS3, domaine, HTML5, Jquery, m\u00e9dias, mp4, Photos, SEO, diaporama, style, jQuery --><\/p>\n<p>Dans tout sc\u00e9nario utilisateur, il est tr\u00e8s pratique que des des \u00e9l\u00e9ments apparaissent ou disparaissent au clic ou au survol de la souris de l&#8217;utilisateur. C&#8217;est l&#8217;objet de cet article, nous allons voir comment on peut commander l&#8217;apparition d&#8217;un \u00e9l\u00e9ment invisible au survol de la souris depuis un autre \u00e9l\u00e9ment, dans notre exemple, une piste <code>article<\/code> appelle une autre piste <code>article<\/code>. Cette action consiste \u00e0 ajouter un \u00e9v\u00e9nement d&#8217;apparition (show) sur un \u00e9l\u00e9ment en param\u00e9trant l&#8217;\u00e9l\u00e9ment source c&#8217;est \u00e0 dire la source de l&#8217;\u00e9v\u00e9nement et l&#8217;\u00e9l\u00e9ment de destination de l&#8217;\u00e9v\u00e9nement. <\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/42619109?title=0&amp;portrait=0&amp;color=ff0179\" width=\"960\" height=\"601\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/p>\n<p><b>Dans notre exemple, c&#8217;est une piste <code>article<\/code> qui va appeler une autre piste <code>article<\/code>. Cette action va \u00eatre appel\u00e9e au survol de la souris c&#8217;est \u00e0 dire <code>EVENTMOUSEENTER<\/code>. Vous pouvez appliquer cette action sur d&#8217;autres pistes comme une piste <code>image<\/code> par exemple.<\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_1_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_1_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Il faut s\u00e9lectionner dans la boite de dialogue, l&#8217;\u00e9l\u00e9ment de destination de l&#8217;\u00e9v\u00e9nement. Dans notre exemple, il s&#8217;agit d&#8217;une piste <code>article<\/code> qui contient le texte <code>First step<\/code>.<\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_2_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_2_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Pour que l&#8217;action soit compl\u00e8te, il nous faut aussi changer la dur\u00e9e de l&#8217;\u00e9l\u00e9ment de destination de l&#8217;\u00e9v\u00e9nement en le s\u00e9lectionnant depuis le <code>player<\/code>.<\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_3_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_3_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><b>Une fois notre piste <code>article<\/code> contenant le texte <code>First step<\/code>, c&#8217;est \u00e0 dire notre \u00e9l\u00e9ment de destination. On va placer mettre \u00e0 z\u00e9ro la dur\u00e9e de cet \u00e9l\u00e9ment dans la <code>timeline<\/code> ainsi cet \u00e9l\u00e9ment ne sera affich\u00e9 que par l&#8217;action d&#8217;apparition (show) et non par la lecture. Dernier point important, cette action ne sera visible qu&#8217;au moment de la publication de la totalit\u00e9 de votre cr\u00e9ation.<\/b><br \/>\n<a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_4_960.jpg\" title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/007_event_show_4_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Ajouter une \u00e9v\u00e9nement d'apparition (show)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<h4>Qu&#8217;est-ce que 3WDOC<\/h4>\n<p>En savoir plus sur 3WDOC<\/p>\n<blockquote><p>3WDOC, un outil de montage universel, dont tout le monde peut d\u00e9sormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connect\u00e9e.<\/p>\n<p>3WDOC est une approche r\u00e9volutionnaire pour la communication digitale. Con\u00e7u pour faciliter la cr\u00e9ation de sites et de webdocs d&#8217;excellence, 3WDOC est la meilleure exp\u00e9rience rich-media et interactive possible, pr\u00e9vue pour toutes les audiences : web, mobile et t\u00e9l\u00e9.<\/p><\/blockquote>\n<h2>Plus d&#8217;informations<\/h2>\n<ul>\n<li>INSCRIPCION (Spanish)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/es\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/es<\/a><\/li>\n<li>INSCRIPTION (French)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/fr\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/fr<\/a><\/li>\n<li>SIGNUP (English)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/en\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/en<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dans tout sc\u00e9nario utilisateur, il est tr\u00e8s pratique que des des \u00e9l\u00e9ments apparaissent ou disparaissent au clic ou au survol de la souris de l&#8217;utilisateur.&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2012\/06\/ajouter-une-evenement-dapparition-show\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Ajouter une \u00e9v\u00e9nement d&#8217;apparition (show)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Ajouter un \u00e9v\u00e9nement d\u2019apparition (show) pour des \u00e9l\u00e9ments invisibles. Param\u00e9trez la source et la destination pour des actions au survol de la souris.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3433,3451],"tags":[578,502,1651,325,2200,670,1111,209,2245,1142,112,450,2266,2185,2267,799,2190,1645,338,324,1646,154,398,44,1110,1652,606,1130,2263],"class_list":["post-7291","post","type-post","status-publish","format-standard","hentry","category-3wdoc-tutorials","category-web-design-front-end","tag-3wdoc","tag-action","tag-apparition","tag-audio","tag-cloud","tag-codec","tag-compte","tag-css","tag-css3","tag-diaporama","tag-domaine","tag-evenement","tag-experiences","tag-html5","tag-interactif","tag-interactives","tag-jquery","tag-larticle","tag-medias","tag-mp4","tag-nuage","tag-photos","tag-rich-media","tag-seo","tag-sequence","tag-show","tag-storytelling","tag-style","tag-webdoc"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-1TB","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=7291"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7291\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=7291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=7291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=7291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}