Diashows sind eine unterhaltsame, interaktive Möglichkeit, Inhalte und Informationen auf deiner Website anzuzeigen.Mit Diashows kannst du alles auf deiner Website anzeigen. Du kannst z. B.:
  Dein Unt...

Wix Editor: Eine Diashow hinzufügen und einrichten

Entdecke, wie du interaktive Diashows auf deiner Website erstellen kannst, um Inhalte ansprechend zu präsentieren. Füge verschiedene Folien hinzu, passe das Design an und integriere Elemente wie Texte, Bilder und Videos, um das Engagement deiner Besucher zu fördern. Lerne, wie du die Diashow im Editor hinzufügst und anpasst, um deine Angebote, Dienstleistungen oder Portfolios effektiv zu zeigen.

<div data-component-type="text"><div>Diashows sind eine unterhaltsame, interaktive Möglichkeit, Inhalte und Informationen auf deiner Website anzuzeigen.</div></div><div data-component-type="text"><div>Mit Diashows kannst du alles auf deiner Website anzeigen. Du kannst z. B.:</div><div><br /></div></div><div data-component-type="text"><ul>
  <li>Dein Unternehmen vorstellen</li>  <li>Verkäufe und Sonderangebote fördern</li>  <li>Modeling-, Fotografie- und Kunst-Portfolios erstellen</li>  <li>Eine Vorschau anderer Seiten oder Bereiche deiner Website anzeigen</li>  <li>Bestimmte Produkte hervorheben</li>  <li>Deine Services vorstellen</li>  <li>Deine Kontaktangaben anzeigen</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/d0c6b70a-c8ed-4238-91cf-11b25fbf4819/d7520728-1350-4d8a-98df-809c8aebfbe8.gif" alt="GIF einer Diashow mit 3 verschiedenen Bildern. Die Maus navigiert mithilfe des Menüs und der Pfeile durch die Bilder." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-slideshow" level="3">Eine Diashow hinzufügen</h2></div><div data-component-type="text"><div>Du kannst eine Diashow aus dem „Hinzufügen“-Panel im Editor hinzufügen. Diese enthält mehrere vorgefertigte Diashows, die du in Sekundenschnelle bearbeiten und anpassen kannst.</div></div><div data-component-type="text"><div>Es gibt zwei Arten von Diashows: <strong>Bildschirmbreite</strong> und <strong>Box</strong>. Diashows in Bildschirmbreite erstrecken sich über die gesamte Breite deiner Seite, während Diashow-Boxen auf die gewünschte Breite angepasst werden können.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Diashow hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Interaktiv</strong>.</li>  <li>Klicke, um Diashows in Bildschirmbreite oder in Boxen zu erstellen.</li>  <li>Klicke auf eine Diashow, um sie hinzuzufügen, oder ziehe das Element an die entsprechende Stelle.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/14/c696de88-b560-4f6d-931d-25fbf91cadc1/9b547f39-7fe1-45f8-97c3-124d6772c072.png" alt="Screenshot, der Diashow-Voreinstellungen im „Hinzufügen“-Panel im Wix Editor zeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-slides-to-your-slideshow" level="3">Folien zu deiner Diashow hinzufügen</h2></div><div data-component-type="text"><div>Füge über das Panel „Folien bearbeiten“ so viele Folien zu deiner Diashow hinzu, wie du möchtest. Du kannst wählen, ob du eine neue Folie hinzufügst oder Folien duplizierst, um für deine gesamte Diashow ein konsistentes Design beizubehalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um weitere Folien hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke auf eine Option:
    <ul>
      <li><strong>Folie duplizieren:</strong> Dies dupliziert die Folie, die in deiner Folienliste markiert ist. Dies ist eine großartige Option, wenn du eine weitere Folie mit demselben Design hinzufügen möchtest. Du kannst dann den Inhalt der neuen Folie nach Bedarf anpassen.</li>      <li><strong>Neue Folie hinzufügen:</strong> Es wird eine Folie mit demselben Hintergrund hinzugefügt wie die, die in deiner Folienliste hervorgehoben ist, jedoch ohne Inhalt.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/21/12e92e4b-4d46-45b0-8988-9b7aae82b03c/4d3ed4f3-8d03-43d7-bde5-f0e901321534.png" alt="Screenshot einer Diashow im Editor von Wix. Das Panel „Folien verwalten“ wurde geöffnet." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-your-slideshows-content" level="3">Den Inhalt deiner Diashow erstellen</h2></div><div data-component-type="text"><div>Füge deiner Diashow beliebige Elemente hinzu, einschließlich Text, Bilder, Videos und Buttons.</div></div><div data-component-type="text"><div>Wir empfehlen, dass du zu jeder Folie unterschiedliche Inhalte hinzufügst, um deine Besucher zu ermutigen, weiter mit deiner Website zu interagieren.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Inhalte zu deiner Diashow hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf die blauen Pfeile, um zur entsprechenden Folie zu navigieren.</li>  <li>Ziehe ein Element in die Diashow und an die gewünschte Position.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/21/89af2d02-ed8e-4100-9a35-b9eb18362311/6b2434b1-5d6d-4a38-9296-47d057fd4fc5.gif" alt="GIF, das einen Cursor zeigt, der durch die Folien im Wix Editor klickt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Stelle sicher, dass die Elemente, die du zur Diashow hinzufügst, kleiner sind als die Diashow selbst, damit sie hineinpassen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie navigiere ich zwischen den Folien im Editor?</h4><div class="collapsible-content"><div>Um auf eine Folie in deiner Diashow zuzugreifen und sie zu bearbeiten, klicke im Editor auf die Diashow und dann auf die Pfeile neben der Foliennummer, um zwischen den Folien zu navigieren.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/d519b01e-ff53-45fd-b697-5457e437ec8d/c349c5d5-4452-40f2-af7f-f3e36a72d6b6.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meine Diashow gestalten?</h4><div class="collapsible-content"><div>Natürlich. Verwende das Design-Panel, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-design-deiner-diashow-anpassen" target="">den Hintergrund deiner Diashow anzupassen</a>, und füge Optionen wie Ränder und Schatten hinzu.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/56741fd0-d3fa-4b1a-8440-37bd74ecc0e0/a202f5ea-da7b-4a5d-b91d-686b5b77bf0a.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meiner Diashow einen Pause-/Wiedergabe-Button hinzufügen? </h4><div class="collapsible-content"><div>Ja. Um einen Pause-/Wiedergabe-Button zu deiner Diashow hinzuzufügen:<br />
</div><ol>
  <li>Wähle die Diashow in deinem Editor aus.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong><img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiaikwc2ET8xMVO6RMGJbo5rgoSe2UByR7ecqRL1OEWUe1bWE1r2hpylmFEX1ivDNoPv0A78_yb6oo_ahppvM0QZF8ahKqb9q3rtedNLd2eCENyjQjt6qhUSLQshI_PtXAEPzmw2u6YIE6UGVA7CtdrZs?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Klicke auf den Schieberegler <strong>Pause-/Wiedergabe-Button anzeigen</strong>, um ihn zu aktivieren oder zu deaktivieren:
    <ul>
      <li><strong>Aktiviert: </strong>Besucher können die Animation nach Bedarf pausieren und abspielen.</li>      <li><strong>Deaktiviert: </strong>Besucher können die Animation nicht pausieren oder die Pausierung aufheben (Wiedergabe).</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie werden Diashows auf meiner Live-Website abgespielt?</h4><div class="collapsible-content"><div>Du kannst aus den folgenden Optionen auswählen, wie Diashows auf deiner Live-Website abgespielt werden sollen:</div><div><br /></div><ul>
  <li><strong>Autoplay:</strong> Die Diashow wird automatisch abgespielt, wenn die Seite geladen wird. Du kannst die Zeit zwischen den Folien anpassen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-wiedergabeoptionen-deiner-diashow-ändern#changing-your-slideshows-autoplay-settings" target="_blank">Erfahre, wie du die automatische Wiedergabe einrichtest</a>.</li>  <li><strong>Navigationsbuttons und -pfeile:</strong> Du kannst deiner Diashow auch <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-navigationsbuttons-deiner-diashow-verwalten" target="">Navigationsbuttons und -pfeile</a> hinzufügen, damit Besucher sich in ihrem eigenen Tempo manuell durch die Folien klicken können.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Inhalte anzeigen, die über den Rand meiner Diashow hinausragen? </h4><div class="collapsible-content"><div>Natürlich. Wenn du deine Diashow gestaltest, kann es sein, dass ein Teil deiner Diashow-Inhalte über den Rand des Diashow-Frames hinausragt. Du kannst den Inhalt, der über außerhalb des Rands liegt, abschneiden oder so belassen.<br /> <br /> Um die Einstellung für Inhalt außerhalb des Rahmens zu ändern:<br /> <br /> Klicke im Editor auf die Diashow.</div><ol>
  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/05/29/d823a9fd-7bf8-4698-a385-7e04bb0a1131.png" />.</li>  <li>Klicke auf den Schieberegler <strong>Inhalte außerhalb des Rahmens ausblenden</strong>:
    <ul>
      <li><strong>Aktiviert:</strong> Elemente, die über den Rand der Folie hinausragen, werden abgeschnitten, sodass sie nur innerhalb der Folie angezeigt werden.</li>      <li><strong>Deaktiviert:</strong> Elemente, die über den Rand der Folie hinausragen, werden nicht abgeschnitten.</li>    </ul>  </li></ol></div></div></div>

Erstelle die perfekte Diashow, indem du deine Folien nach deinen Wünschen anordnest.Noch keine Diashow hinzugefügt?Erfahre, wie du deine Diashow hinzufügst und einrichtest.Neue Folien zu deiner Diasho...

Wix Editor: Die Folien in deiner Diashow verwalten

Gestalte deine perfekte Diashow, indem du Folien hinzufügst, anordnest und bearbeitest. Lerne, wie du neue Folien für wichtige Inhalte einfügst, die Reihenfolge deiner Folien änderst, Folien duplizierst und umbenennst, um sie leichter zu verwalten. Halte deine Diashow aktuell, indem du nicht mehr benötigte Folien löschst. Mit diesen Schritten kannst du eine ansprechende und informative Diashow für deine Besucher erstellen.

<div data-component-type="text"><div>Erstelle die perfekte Diashow, indem du deine Folien nach deinen Wünschen anordnest.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Noch keine Diashow hinzugefügt?</div><div class="info-content"><div>Erfahre, wie du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten#adding-a-slideshow" target="">deine Diashow hinzufügst und einrichtest</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-new-slides-to-your-slideshow" level="3">Neue Folien zu deiner Diashow hinzufügen</h2></div><div data-component-type="text"><div>Hast du neue und wichtige Inhalte? Füge deiner Diashow eine neue Folie hinzu, damit deine Besucher alle benötigten Informationen erhalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine neue Folie hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke unten auf <strong>Neue Folie hinzufügen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/08/f734110d-f3d0-49c6-a09d-b5df69710f0f/1b4b5bca-ccf8-4322-973c-ecdc3e2632b0.png" alt="Das „Folien verwalten“-Panel im Editor. Der „Neue Folie hinzufügen“-Button ist hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reordering-slides-in-your-slideshow" level="3">Diashow-Folien neu anordnen</h2></div><div data-component-type="text"><div>Ordne deine Folien neu an, um die Reihenfolge zu ändern, in der deine Inhalte für deine Besucher angezeigt werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Folien neu anzuordnen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke links auf der entsprechenden Folie auf das Symbol für <strong>Neu anordnen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/07215432-85dc-4c20-8c33-edfb1c9c4d06.jpg" /> und ziehe die Folie an die gewünschte Position.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/c3211972-2bf9-4372-8220-8f3910b65520/b628a967-a5ca-4fc5-b13c-6241902e81f9.gif" alt="Das „Folien verwalten“-Panel im Editor. Der Cursor ordnet die Folien durch Klicken und Ziehen neu an." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-slides-in-your-slideshow" level="3">Folien in deiner Diashow duplizieren</h2></div><div data-component-type="text"><div>Wenn dir das Aussehen und Layout einer Folie gefällt und du eine weitere hinzufügen möchtest, die ähnlich aussehen, kannst du die Folie duplizieren und nach Bedarf anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Folie zu duplizieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Klicke in der Liste auf die Folie.</li>  <li>Klicke unten auf <strong>Folie duplizieren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/7c928da0-993b-4cd2-9cd3-4d1bf7ea7f9e/fd02bbad-41ea-4887-8dd4-4250d4e78bd1.png" alt="Das Panel „Folien verwalten“. Der Cursor fährt über den Button Folie duplizieren." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-your-slides" level="3">Deine Folien umbenennen</h2></div><div data-component-type="text"><div>Benenne deine Folien, damit du sie beim Bearbeiten oder Verwalten deiner Diashow leicht identifizieren kannst. Wir empfehlen, einen Namen zu wählen, der den Inhalt der Folie repräsentiert.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die Namen deiner Folien sind nur im Editor sichtbar. Besucher können sie auf der Live-Website nicht sehen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Folien umzubenennen</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Fahre mit der Maus über die entsprechende Folie und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Klicke auf <strong>Umbenennen</strong>.</li>  <li>Gib deinen Foliennamen in das Textfeld ein.</li>  <li>Klicke auf <strong>OK</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/01/e9767e0c-54c1-42eb-a123-47c9440f2ec5/59b5f43d-e3fd-493b-93e6-a61e41df3e8a.png" alt="Das Panel „Folien verwalten“. Der Name einer der Folien wird in „Salate“ geändert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-slides-from-your-slideshow" level="3">Folien aus deiner Diashow löschen</h2></div><div data-component-type="text"><div>Wenn du eine Folie nicht mehr benötigst, kannst du sie löschen, um deine Diashow auf dem neuesten Stand zu halten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Folie zu löschen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf <strong>Folien bearbeiten</strong>.</li>  <li>Fahre mit der Maus über die entsprechende Folie und klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/19/6ff4fdc1-f548-4431-b21f-74d96e826af5.png" />.</li>  <li>Klicke auf <strong>Löschen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/08/a3f7db52-143d-415e-ab74-1fcfa3d1be13/0352377c-ae1f-484a-98d5-7bbfb68d823e.png" alt="Das Panel „Folien verwalten“. Der Cursor fährt mit der Maus über die Option zum Löschen der Folie mit dem Titel „Salate“." /></div></div>

Wähle, wie deine Diashow auf deiner Website abgespielt wird. Du kannst Übergangseffekte zwischen den Folien hinzufügen und festlegen, ob die Diashow automatisch abgespielt wird oder ob deine Besucher ...

Wix Editor: Einstellen, wie deine Diashow abgespielt wird

Entdecke, wie du die Wiedergabe deiner Diashow auf deiner Website anpassen kannst. Füge Übergangseffekte hinzu, um die Bewegung zwischen den Folien zu gestalten, und wähle, ob die Diashow automatisch abspielen soll oder manuell gesteuert wird. Lerne, wie du die Dauer der Übergänge und die Richtung der Bewegung festlegst, um das Nutzererlebnis zu verbessern.

<div data-component-type="text"><div>Wähle, wie deine Diashow auf deiner Website abgespielt wird. Du kannst Übergangseffekte zwischen den Folien hinzufügen und festlegen, ob die Diashow automatisch abgespielt wird oder ob deine Besucher manuell durch sie scrollen müssen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-transition-effect" level="3">Einen Übergangseffekt hinzufügen</h2></div><div data-component-type="text"><div>Wende einen Übergangseffekt auf deine Diashow an, um auszuwählen, wie sich die Folien bewegen.</div></div><div data-component-type="text"><div>Es stehen eine Reihe von Optionen zur Verfügung, und du kannst die Wiedergabedauer und die Richtung, in die sie sich bewegen, anpassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Übergangseffekt anzuwenden:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/0bad375c-d5da-4f9f-b4ec-732ff6664c16.png" />.</li>  <li>Wähle unter <strong>Übergangseffekte anwenden?</strong> einen Übergang aus und passe ihn mit den folgenden Optionen an:
    <ul>
      <li><strong>Wie lange dauern sie?:</strong> Wähle aus, wie lang oder kurz die Übergangseffekte sein sollen.</li>      <li><strong>Wo fangen sie an?</strong> Wähle die Richtung, aus der die Diashow kommt.<br /> <strong>Hinweis:</strong> Diese Option ist nur für vertikale und horizontale Übergänge verfügbar</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/07/72275a74-f0c4-4561-8965-9f6dbfd3f6ca/ec9f2542-e4b4-4bc3-bb3b-2a64f92bbcf2.png" alt="Ein Bildschirmfoto einer Diashow im Wix Editor. Das Einstellungs-Panel ist ausgewählt, die Panel für Einstellungen der Diashow zeigt die möglichen Einstellungen." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du den Schalter <strong>Inhalt außerhalb des Rahmens ausblenden</strong> deaktivierst, sind nicht alle Übergangsoptionen verfügbar.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshows-autoplay-settings" level="3">Die Einstellungen für die automatische Wiedergabe deiner Diashow ändern</h2></div><div data-component-type="text"><div>Wähle, ob deine Diashow automatisch abgespielt wird, wenn dein Website-Besucher die Seite öffnet, oder ob deine Besucher sie manuell mit den Navigationspfeilen oder Folienbuttons abspielen müssen.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Wenn du die automatische Wiedergabe deaktivierst, musst du Navigationspfeile/Buttons zu deiner Diashow hinzufügen, damit deine Besucher auf alle Folien zugreifen können.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Einstellungen für die automatische Wiedergabe deiner Diashow zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/20/bc7d51f8-838d-417d-b66c-268dbf7e0a69.png" />.</li>  <li>Klicke auf den Schalter <strong>Automatische Wiedergabe beim Laden</strong>:
    <ul>
      <li><strong>Aktiviert:</strong> Deine Diashow wird automatisch abgespielt, wenn die Seite geladen wird. Die Folien werden kontinuierlich in einer Schleife abgespielt.
        <ul>
          <li>Ziehe den Schieberegler <strong>Wie lange zwischen Folien?</strong>, um die Zeit zwischen den Folien einzustellen (in Sekunden).</li>          <li>Klicke auf den Schalter <strong>Automatische Wiedergabe bei Mouseover:</strong>
            <ul>
              <li><strong>Aktiviert:</strong> Wenn dein Website-Besucher mit der Maus über die Diashow fährt, werden die Folien auf der Folie, die er gerade ansieht, angehalten.</li>              <li><strong>Deaktiviert:</strong> Wenn dein Website-Besucher mit der Maus über die Diashow fährt, passiert nichts; die Wiedergabe läuft weiter.</li>            </ul>          </li>        </ul>      </li>      <li><strong>Deaktiviert:</strong> Deine Diashow wird vom Website-Besucher mit den Navigationspfeilen und -buttons gesteuert.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/07/e5e27497-1b78-4d63-b0f9-7b1961fd9f6f/44e19141-6f82-449f-9f94-b2eb49eeb4f8.png" alt="Ein Bildschirmfoto einer Diashow im Wix Editor. Das Einstellungs-Panel ist ausgewählt, die Panel für Einstellungen der Diashow zeigt die möglichen Einstellungen." /></div></div>

Füge deiner Diashow Navigationswerkzeuge hinzu, damit deine Besucher sich manuell durch die Folien klicken können. Du kannst Folgendes hinzufügen:
  Folienbuttons: Dies sind runde Symbole, auf die dei...

Wix Editor: Navigationsbuttons und Pfeile in deiner Diashow anzeigen

Füge deiner Diashow Navigationswerkzeuge hinzu, um deinen Besuchern die manuelle Steuerung zu ermöglichen. Lerne, wie du Folienbuttons und Navigationspfeile in deiner Diashow aktivierst und anpasst, damit Nutzer bequem zwischen den Folien wechseln können. Optimiere das Design der Buttons und Pfeile, um das Nutzererlebnis zu verbessern und deine Diashow ansprechend zu gestalten.

<div data-component-type="text"><div>Füge deiner Diashow Navigationswerkzeuge hinzu, damit deine Besucher sich manuell durch die Folien klicken können. Du kannst Folgendes hinzufügen:</div></div><div data-component-type="text"><ul>
  <li><strong>Folienbuttons:</strong> Dies sind runde Symbole, auf die deine Website-Besucher klicken können, um zwischen deinen Folien zu wechseln. Wenn deine Website-Besucher auf einen Folienbutton klicken, wird die entsprechende Folie angezeigt.</li>  <li><strong>Navigationspfeile:</strong> Dies sind Pfeile, die zu beiden Seiten deiner Diashow angezeigt werden. Sie ermöglichen es deinen Besuchern, sich in ihrem eigenen Tempo durch die Folien zu klicken.</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/f5371495-2e4a-4bd0-8189-370024b83133/932dcc13-6af0-46b6-b8a5-14291022c33f.png" alt="Eine Diashow auf einer Live-Website. Die Navigationspfeile und Folienbuttons werden durch orangefarbene Felder hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-buttons-and-arrows-on-your-slideshow" level="3">Buttons und Pfeile in deiner Diashow anzeigen</h2></div><div data-component-type="text"><div>Unter Layouts kannst du auswählen, ob die Folienbuttons und Navigationspfeile in deiner Diashow ein- oder ausgeblendet werden sollen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Buttons oder Pfeile in deiner Diashow anzuzeigen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/21/862bec80-a0b0-4690-a058-f7c8c3e7a623.png" /> und wähle, was du anzeigen möchtest:
    <ul>
      <li><strong>Navigationspfeile anzeigen:</strong> Aktiviere den Schalter, um die Pfeile anzuzeigen.
        <ul>
          <li>Ziehe die Schieberegler, um die Größe und den Abstand anzupassen.</li>        </ul>      </li>      <li><strong>Folienbuttons anzeigen:</strong> Aktiviere den Schalter, um die Buttons anzuzeigen.
        <ul>
          <li>Ziehe die Schieberegler, um die Größe, den Abstand und den Abstand anzupassen.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/88b80023-2a34-42e3-9874-15e3d4bf3a68/f037b30a-1b86-4e49-85e3-d763ff1b5650.png" alt="Screenshot, der das Layout-Panel zeigt. Die Navigationspfeile und -buttons wurden aktiviert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-buttons-and-arrows" level="3">Deine Buttons und Pfeile anpassen </h2></div><div data-component-type="text"><div>Passe deine Folienbuttons und Navigationspfeile ganz nach deinen Wünschen an, indem du eine Farbe auswählst und die Deckkraft anpasst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Folienbuttons und Pfeile anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf deine Diashow.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/01/21/f8a8baaa-2ead-44b3-baec-66b51db503c3.png" />.</li>  <li>Klicke auf den Tab <strong>Füllfarbe &amp; Deckkraft</strong>.</li>  <li>Passe das Design der Buttons oder Pfeile an:
    <ul>
      <li><strong>Folienbuttons:</strong> Wähle eine Farbe und lege die Transparenz der Buttons fest.</li>      <li><strong>Navigationspfeile:</strong> Wähle eine Farbe und stelle die Transparenz der Pfeile ein</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/b2722ff7-c551-4597-8b4c-f9d1696b15c9/463c917b-b7d3-44fd-9b90-6018a440eb8f.png" alt="Screenshot, der das Design-Panel zeigt. Der Cursor bewegt sich über dem Deckkraft-Schieberegler." /></div></div>

Passe deine Diashow an, damit sie genau so aussieht, wie du möchtest. Du kannst für jede Folie einen anderen Hintergrund wählen und bestimmte Elemente der Folien, wie Rand und Ecken, anpassen.Den Hint...

Wix Editor: Das Design deiner Diashow anpassen

Passe deine Diashow an, um sie individuell zu gestalten und deine Marke zu repräsentieren. Lerne, wie du für jede Folie unterschiedliche Hintergründe wie Bilder, Videos oder Farbverläufe hinzufügst und das Design mit Füllfarben, Schatten und Rändern anpassen kannst. So verleihst du deiner Diashow eine einzigartige Ästhetik und hebst sie hervor.

<div data-component-type="text"><div>Passe deine <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten" target="">Diashow</a> an, damit sie genau so aussieht, wie du möchtest. Du kannst für jede Folie einen anderen Hintergrund wählen und bestimmte Elemente der Folien, wie Rand und Ecken, anpassen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-slideshow-background" level="3">Den Hintergrund deiner Diashow ändern</h2></div><div data-component-type="text"><div>Ändere den Hintergrund deiner Folien, indem du ein Bild, Video, eine Farbe oder einen Farbverlauf hinzufügst.</div></div><div data-component-type="text"><div>Jede Folie kann einen anderen Hintergrund haben, sodass du jede Folie verwenden kannst, um je nach Bedarf unterschiedliche Medien oder Farbdesigns anzuzeigen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/69d91e20-3100-4234-bee4-dcf83e660804/af16915e-ef76-44a5-bfc1-1b6c4c6e50e6.png" alt="Screenshot einer Box-Diashow neben dem Panel zum Ändern des Hintergrunds." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um den Hintergrund deiner Diashow zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf die Diashow.</li>  <li>Klicke auf die Pfeile neben der Foliennummer, um zur entsprechenden Folie zu navigieren.</li>  <li>Klicke auf <strong>Folienhintergrund ändern</strong>.</li>  <li>Wähle die Art des Hintergrunds, den du hinzufügen möchtest:
    <ul>
      <li><strong>Bild</strong> oder <strong>Video:</strong>
        <ol>
          <li>Klicke auf <strong>Bild</strong> oder <strong>Video</strong>.</li>          <li>Wähle eine Datei aus der Medienverwaltung aus oder klicke auf <strong>Medien hochladen</strong>.</li>          <li>Klicke auf <strong>Hintergrund ändern.</strong></li>        </ol>      </li>      <li><strong>Farbe</strong> oder <strong>Farbverlauf</strong>:
        <ol>
          <li>Klicke auf <strong>Farbe</strong>.</li>          <li>Wähle eine der folgenden Optionen:
            <ul>
              <li><strong>Farbe:</strong> Wähle eine Farbe aus der Farbauswahl und passe die Deckkraft mit den Einstellungen an.</li>              <li><strong>Farbverlauf</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/28d70a3a-ae83-4954-8d9b-073aa3b38f20/e8713ee8-70f5-4452-9556-0a9cff5a6b1b.png" /><strong>: </strong>Wende einen coolen Effekt auf den Hintergrund deiner Diashow mit einem linearen, sternenförmigen oder konischen Farbverlauf an.</li>              <li><strong>Fließender Farbverlauf</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/ef82e401-93f4-46ab-a657-9dfa2a826274/63c1e3a7-ec0f-4f50-8f6b-edb83e17463a.png" /><strong>:</strong> Sorge mit einem eleganten, fließenden Farbverlauf dafür, dass sich deine Diashow hervorhebt.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-design-options-of-your-slideshow" level="3">Die Designoptionen deiner Diashow anpassen</h2></div><div data-component-type="text"><div>Gestalte deine Diashow so, dass sie deine Marke und deine Ästhetik fördert. Du kannst Einstellungen wie die Füllfarbe anpassen sowie Schatten und Ränder hinzufügen, um deiner Diashow Tiefe zu verleihen. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/02/14/7b89a758-0ef4-41d6-afcb-94dd18fad60f/f906cadb-cdee-455a-a7b3-f30fcd62080f.png" alt="Screenshot einer Box-Diashow neben dem Design-Panel, mit dem die Deckkraft des Randes angepasst wird." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design deiner Diashow anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Diashow.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/06/16/cd32e19c-d7b7-4f0b-8a81-88e7d79f39bc.png" />.</li>  <li>(Optional) Wähle oben im Panel ein Design-Preset aus.</li>  <li>Passe das voreingestellte Design mit den folgenden Optionen an:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle eine Farbe und passe die Deckkraft deiner Navigationspfeile und Buttons an das Design deiner Website an.</li>      <li><strong>Ränder:</strong> Wähle eine Farbe und passe die Deckkraft und Breite deines Randes an, um die Diashow auf deiner Seite hervorzuheben.</li>      <li><strong>Ecken:</strong> Passe den Radius der Ecken an, um den Rand kreisförmiger zu gestalten.</li>      <li><strong>Schatten:</strong> Erstelle einen Schatten und passe ihn an, um deiner Diashow Tiefe zu verleihen. Du kannst Einstellungen wie Winkel und Abstand so anpassen, dass es genau so aussieht, wie du es wünschst.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweise:</div><div class="info-content"><ul>
  <li>Die verfügbaren Designoptionen hängen von der gewählten Voreinstellung ab.</li>  <li>Nur die Optionen <strong>Füllfarbe &amp; Deckkraft</strong> sind für Diashows in Bildschirmbreite verfügbar.</li></ul></div></div></div>

Mit Diashows kannst du mehrere Inhaltsfelder in einem einzigen Bereich anzeigen. Fülle deine Diashow mit allem, was du anzeigen möchtest - Texte, Bilder oder Videos. Erfahre hier mehr zu Diashows:
  E...

Wix Editor: Eine Text-Diashow erstellen

Entdecke, wie du mit Diashows mehrere Inhalte in einem einzigen Bereich präsentieren kannst. Lerne, beeindruckende Textpräsentationen und personalisierte Galerien zu erstellen, indem du Texte, Bilder oder Videos hinzufügst. Mit einfachen Schritten kannst du deine Diashow anpassen und gestalten, um ein ansprechendes visuelles Erlebnis zu bieten.

<div data-component-type="text"><div>Mit Diashows kannst du mehrere Inhaltsfelder in einem einzigen Bereich anzeigen. Fülle deine Diashow mit allem, was du anzeigen möchtest - Texte, Bilder oder Videos. </div></div><div data-component-type="text"><div>Erfahre hier mehr zu Diashows:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-text-diashow-erstellen#eine-textprsentation-erstellen" target="">Einer Textpräsentation erstellen</a></li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-text-diashow-erstellen#eine-galerie-mithilfe-einer-slideshow-erstellen" target="">Einer Galerie mithilfe einer Diashow erstellen</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="eine-textprsentation-erstellen" level="3">Eine Textpräsentation erstellen</h2></div><div data-component-type="text"><div>Erstelle beeindruckende Textpräsentationen mit dem Diashow-Element!</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d8ebf149-6353-4e07-ad7b-a0a0f0cedd0c/2020/01/14/c12287d0-9f99-40f0-b45f-599516a177bc/8ef3374c-c04c-4315-920b-029a816abd1d.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Textpräsentation zu erstellen:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten">Füge eine Diashow hinzu</a>.</li><li><a href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten">Füge ein Textelement hinzu</a>.</li><li>Klicke auf <strong>Text bearbeiten</strong> und gib deinen Text ein.</li><li>Ziehe deinen Text auf deine Diashow.</li><li>Wiederhole die Schritte 2 bis 4 für jede Folie in deiner Diashow.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div><a href="https://support.wix.com/de/article/wix-editor-zwischen-den-folien-deiner-diashow-wechseln">Verwende die Pfeile</a>, um während der Bearbeitung zwischen deinen Folien zu navigieren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="eine-galerie-mithilfe-einer-slideshow-erstellen" level="3">Eine Galerie mithilfe einer Slideshow erstellen</h2></div><div data-component-type="text"><div>Erstelle mit dem Diashow-Element eine beeindruckende, personalisierte Galerie! </div></div><div data-component-type="text"><div>Indem du das Diashow-Element anstelle einer regulären Galerie verwendest, kannst du es wie gewünscht gestalten und deinen eigenen benutzerdefinierten Text hinzufügen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d8ebf149-6353-4e07-ad7b-a0a0f0cedd0c/2020/01/14/d4dee6c6-4182-4fca-a8d7-104d616d90e1/302653f2-9116-45fd-995f-2266513a2673.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um mit dem Diashow-Element eine Galerie zu erstellen:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/de/article/wix-editor-eine-diashow-hinzufügen-und-einrichten">Füge eine Diashow hinzu.</a></li><li>Klicke auf <strong>Folienhintergrund</strong> <strong>ändern</strong> und füge dein Bild oder Video hinzu.</li><li>(Optional) <a href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten">Füge ein Textelement hinzu.</a></li><li>Klicke auf <strong>Text bearbeiten</strong> und gib deinen Text ein.</li><li>Ziehe das Textelement auf deine Diashow.</li><li>Wiederhole die Schritte 2 bis 5 für jede Folie in deiner Diashow.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Du kannst deiner Diashow auch Videos hinzufügen!</div></div></div></div>

Erste Schritte

Template auswählen

Einen Profi von Wix engagieren

Grundlagen

Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst