Tutorial: Slideshow
Mit Slideshows kannst du Bilder und Inhalte wechselnd darstellen und wichtige Themen auf deiner Website gezielt hervorheben. In diesem Tutorial-Bereich erfährst du, wie du Slideshows erstellst, Inhalte einfügst und die Darstellung bearbeitest.
Wenn du Fragen hast, melde dich bei uns. Wir helfen gerne.
1. Beispiel: Slideshows mit ausgefüllten Bildern
- Slideshow-Einstellung: Einpassung ausgefüllt
Ihre Bilder werden vollflächig an die Bildschirmbreite angepasst. Der gesamte Slideshow-Container ist gefüllt. Wählen Sie den Fokus und legen fest, welcher Teil des Bildes erscheint.
Das Bild in diesem Beispiel wurde in Originalgröße angelegt.
2. Beispiel: Bilder mit originaler Breite & verschiedenen Ausrichtungen
- Slideshow-Einstellung: Einpassung original
Die originale Größe des Bildes bleibt immer gleich und wird so innerhalb des Slideshow-Bereiches auf dem jeweiligen Bildschirm ausgegeben. Je nach horizontaler und vertikaler Ausrichtung positioniert sich das Bild unterschiedlich.
Das verwendete Bild ist und bleibt 200 x 100 Pixel groß. Der bei diesem Beispiel dunkelgrau hinterlegte Slideshow-Container wird nicht ausgefüllt.
3. Beispiel: Slideshow mit eingepassten Bildern
- Slideshow-Einstellung: Einpassung eingepasst
Mit dieser Einstellung werden Ihre Bilder innerhalb der Slideshow immer zur Gänze sichtbar angezeigt. Dabei passt sich das Bild je nach Seitenverhältnis entweder in der Höhe oder in der Breite an den Slideshow-Container an. Je nach Bildabmessungen wird es entweder vergrößert oder verkleinert.
Verwendet wird bei diesem Beispiel ein Bild mit 600 x 400 Pixel.
Ein paar Slideshow Ideen
Mit etwas Geschick können Sie die hintereinander erscheinenden Bilder gezielt nutzen und es entstehen einzigartige Effekte. Beim ersten Beispiel haben wir ein Hintergrund-Bild verbaut. Die zweite Slideshow präsentiert einige Team-Mitglieder.
Seien Sie kreativ und kombinieren die Variationen. Lassen Sie sich überraschen, was so alles entsteht.
Ein paar weitere Tipps...
- Ausschlaggebend für die Ausgabe Ihrer Bilder in der Slideshow ist auch das Layout Ihrer Inhaltszeilen. Damit haben Sie noch mehr künstlerische Freiheiten bei der Gestaltung Ihrer Website, denn Slideshows müssen nicht immer die gesame Fläche füllen.
- Verbauen Sie nicht zu große Bilder (wir empfehlen maximal 2000 Pixel) in Ihrer Slideshow. Die Ladezeit wird dadurch erhöht, was negative Auswirkungen auf die Suchmaschinen-Optimierung hat.
- Verwenden Sie maximal 7 Slides. Bei zu vielen Slides braucht Ihre Seite ebenfalls länger zum Laden.