{"id":124659,"date":"2022-11-16T17:27:23","date_gmt":"2022-11-16T16:27:23","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-slider\/"},"modified":"2025-02-03T16:44:42","modified_gmt":"2025-02-03T15:44:42","slug":"how-to-create-a-slider","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/how-to-design-a-slider-en-anglais","title":{"rendered":"Comment concevoir un slider ?"},"content":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 cr\u00e9er un curseur.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73155198\/index.html\" width=\"820px\" height=\"300px\" frameborder=\"0\"><\/iframe><\/p>\n<p>Voici comment le construire :<\/p>\n<h3><strong>Voir<\/strong><\/h3>\n<ul>\n<li>S\u00e9lectionnez \u00ab\u00a0Rectangle\u00a0\u00bb et donnez-lui la forme d&rsquo;une ligne \u00e9paisse.<\/li>\n<li>Placez une \u00ab\u00a0Ellipse\u00a0\u00bb sur votre rectangle et faites correspondre le d\u00e9but des deux \u00e9l\u00e9ments.<\/li>\n<li>Cliquez sur les deux \u00e9l\u00e9ments en maintenant la touche Majuscule enfonc\u00e9e pour les s\u00e9lectionner et cliquez avec le bouton droit de la souris pour afficher le menu ; dans la section \u00ab\u00a0Groupe\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Groupe dans le panneau dynamique\u00a0\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-72301\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-a-slider-1.png\" alt=\"slider-tem\" width=\"1617\" height=\"997\"><\/li>\n<\/ul>\n<h3><strong>\u00c9v\u00e9nements :<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">Une fois l&rsquo;ellipse s\u00e9lectionn\u00e9e, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb.&nbsp;<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Dans la bo\u00eete de dialogue, cliquez sur \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section \u00ab\u00a0Mouse\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0on Drag\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Dans \u00ab\u00a0Choisir une action\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0D\u00e9placer un \u00e9l\u00e9ment\u00a0\u00bb et s\u00e9lectionnez \u00ab\u00a0Ellipse\u00a0\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Pour la position \u00ab\u00a0X\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Avec curseur\u00a0\u00bb et pour le menu \u00ab\u00a0Y\u00a0\u00bb \u00ab\u00a0Courant\u00a0\u00bb, pour terminer, cliquez sur \u00ab\u00a0Emp\u00eacher l&rsquo;\u00e9l\u00e9ment de se d\u00e9placer en dehors de la zone de son parent\u00a0\u00bb. Cliquez sur \u00ab\u00a0Ok\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-72301\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/create-a-slider-2.png\" width=\"1617\" height=\"997\">Simulez votre prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet exemple, vous apprendrez \u00e0 cr\u00e9er un curseur. Voici comment le construire : Voir S\u00e9lectionnez \u00ab\u00a0Rectangle\u00a0\u00bb et donnez-lui la forme d&rsquo;une ligne \u00e9paisse. Placez une&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8433,8426],"tags":[],"class_list":["post-124659","post","type-post","status-publish","format-standard","hentry","category-composants-avances","category-comment-faire"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124659"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124659"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124659\/revisions"}],"predecessor-version":[{"id":126186,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124659\/revisions\/126186"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}