Tutorial: Mediengalerie & Slideshow
Wir erklären Ihnen in diesem Tutorial-Bereich, wo Sie Mediengalerien & Slideshows erstellen und wie Sie diese bearbeiten. Für Ihre Website ergeben sich hier vielfältige Gestaltungsmöglichkeiten. Und vergessen Sie nicht, ein Bild sagt oft mehr als Tausend Worte 😉.
Wenn Sie dazu Fragen haben, melden Sie sich bei uns. Wir helfen gerne.
Mediengalerie
Slideshow
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.
Originalbild
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.
Originalbild: 200 x 100 Pixel
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.
Originalbild: 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.
Originalbild
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.