{"id":129027,"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":"2022-11-16T17:27:23","modified_gmt":"2022-11-16T16:27:23","slug":"how-to-create-a-slider","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/wie-gestalte-ich-einen-slider","title":{"rendered":"Wie man einen Slider designt"},"content":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie einen Schieberegler erstellen.<\/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>So bauen Sie es auf:<\/p>\n<h3><strong>Siehe<\/strong><\/h3>\n<ul>\n<li>W\u00e4hlen Sie &#8222;Rechteck&#8220; und formen Sie es so, dass es eine dicke Linie simuliert.<\/li>\n<li>Legen Sie eine &#8222;Ellipse&#8220; auf Ihr Rechteck und passen Sie den Anfang der beiden Elemente an.<\/li>\n<li>Klicken Sie mit gedr\u00fcckter Umschalttaste auf beide Elemente, um sie auszuw\u00e4hlen, und klicken Sie mit der rechten Maustaste, um das Men\u00fc anzuzeigen; w\u00e4hlen Sie \u00fcber dem Abschnitt &#8222;Gruppieren&#8220; die Option &#8222;Im dynamischen Panel gruppieren&#8220;.<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>Ereignisse:<\/strong><\/h3>\n<p><span data-preserver-spaces=\"true\">Wenn Sie die Ellipse ausgew\u00e4hlt haben, gehen Sie zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.&nbsp;<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;beim Ziehen&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Element verschieben&#8220; und w\u00e4hlen Sie die &#8222;Ellipse&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie f\u00fcr die Position &#8222;X&#8220; die Option &#8222;Mit Cursor&#8220; und f\u00fcr das Men\u00fc &#8222;Y&#8220; die Option &#8222;Aktuell&#8220;. Zum Abschluss klicken Sie auf &#8222;Verhindern, dass sich ein Element au\u00dferhalb des \u00fcbergeordneten Bereichs bewegt&#8220;. Klicken Sie auf &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen.<\/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\">Simulieren Sie Ihren Prototyp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Beispiel lernen Sie, wie Sie einen Schieberegler erstellen. So bauen Sie es auf: Siehe W\u00e4hlen Sie &#8222;Rechteck&#8220; und formen Sie es so, dass es&#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":[8557,8548],"tags":[],"class_list":["post-129027","post","type-post","status-publish","format-standard","hentry","category-erweiterte-komponenten","category-erweiterte-anleitungen"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129027"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129027"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129027\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}