Slider

Mit dem Element Slider können Sie Ihre Bilder und Fotos in einer kleinen Slide-Show arrangieren. Die Bilder werden – den Einstellungen entsprechend – überblendet (Fade) oder bewegen sich von rechts nach links (Slide).


Nach dem Anklicken des Sliders öffnet sich das Bearbeitungsfenster, in das Sie Bilder einfügen, ändern und löschen sowie die verschiedenen Einstellungen für die Dauer, Art und einiges mehr vornehmen können.

 

Wenn Sie Fotos eingefügt haben, können Sie die Reihenfolge der Fotos verändern, indem Sie auf ein Bild klicken und es einfach nach links oder rechts ziehen. Möchten Sie ein Foto löschen, ziehen Sie es auf den Papierkorb. Klicken Sie eines der Fotos an und beim Punkt Bildausschnitt legen Sie fest, welcher Teil des Fotos angezeigt wird. Hierfür gehen Sie mit der Maus über das Foto und der Mauszeiger verwandelt sich in ein Kreuz. Nun können Sie das Foto nach oben, unten, links und rechts verschieben. Wenn Sie den gewählten Ausschnitt vergrößert darstellen möchten, ziehen Sie den unteren Balken von links nach rechts. Gegebenenfalls müssen Sie die Ausrichtung des Bildausschnittes erneut festlegen. Wenn Sie den gewünschten Ausschnitt gefunden haben, klicken Sie auf Fertig.

 

Desweiteren lässt sich die Höhe des Sliders verändern. Dieser ist voreingestellt auf 250px und sollte mit Bedacht geändert werden. Der zuvor gewählte Ausschnitt verändert sich natürlich auch mit der jeweiligen Höhe, sodass Sie später hier vielleicht noch nacharbeiten müssen.

 

Darüber hinaus können zahlreiche Einstellungen verändert werden:

  • Effekt – stellt ein, wie die Bilder getauscht werden. Bei Slide verschieben sich die Bilder von rechts nach links, bei Fade werden die Bilder überblendet.
  • Vor- und Zurück-Buttons – bei „an“ werden dem Leser auf der linken und rechten Seite des Bildes kleine Pfeile angezeigt, sodass die Bilder manuell durchgeklickt werden können.
  • Navigation – bietet die Möglichkeit, die Bilder manuell weiterzuklicken. Hierfür werden unterhalb des Bildes Punkte angezeigt, die als Navigation dienen. Dabei stellt der erste Punkt das erste Bild, der zweite Punkt das zweite Bild usw. dar.
  • Schatten – bei dieser Einstellung wird dem Slider ein Schatten hinzugefügt, sodass dieser einen leichten 3D-Effekt erhält. Die Intensivität und Sichtbarkeit des Schattens ist natürlich abhängig vom gewählten Design bzw. der Hintergrundfarbe.
  • Pause – gibt an, wie lange pausiert wird, bis das nächste Foto erscheint. Die Voreinstellung mit 5 Sekunden ist ideal, wobei längere oder kürzere Einstellungen am besten mit Vor- und Zurück-Buttons versehen werden sollten.
  • Geschwindigkeit – hier legen Sie fest, wie schnell der Bildertausch vonstattengeht. Mit 50 ms werden die Bilder sehr schnell getauscht, bei 1.000 ms werden die Bilder sehr langsam getauscht. Gerade mit den Effekten Slide und Fade können hier schöne Ergebnisse erzielt werden.
  • Autostart – hier legen Sie fest, ob die Bilder-Show automatisch beim Aufrufen der Seite startet. Sie können den Slider auch jederzeit ausschalten. Zu sehen ist dann nur das erste Foto. Sie können die Reihenfolge der Bilder jederzeit verschieben. Mit zusätzlichen Vor- und Zurück-Buttons können die Bilder auch manuell gewechselt werden.
  • Unendlich – hier geben Sie an, ob der Bild-Slider „unendlich“ laufen soll, also die Bilder immer wiederholt werden oder nur ein Durchgang gestartet wird.