Schnelleinstieg "Cheetah"

Arbeiten mit dem Webseiteneditor

SCHNELLEINSTIEG CHEETAH

Wie integriert man eine Bildergalerie in eine Webseite?

Das "Gallerie"-Element von Cheetah ist nichts anderes als ein Bildcontainer, welcher in der Lage ist, die in ihm enthaltenen Bilder in Form einer "Slide Show" auf der Webseite anzuzeigen (gewissermaßen als Bildergalerien): 

Möchte man selbst eine kleine Diashow oder einen Slider mit ein paar Bildern zur Gestaltung in die eigene Webseite einbauen, dann ist das "Gallerie"-Element aus dem rechten Randmenü wie geschaffen dafür. Die Verwendung ist zwar kinderleicht, aber man sollte sich trotzdem im Vorfeld ein paar Gedanken machen. Der Bildcontainer kann zwar ohne weiteresmit Bildern unterschiedlicher Größe arbeiten. Besser ist es aber, wenn alle Bilder die gleichen Ausmaße haben - und idealerweise dieselben, wie das "Gallerie"-Element auf der Webseite.

Dazu ein Tipp: Verwenden Sie die Onlineplattform canva.com, um die Bilder ihrer Slideshow in die genau richtige Größe zu bringen.  Dort können Sie pixelgenau eine eigene Vorlage definieren. In diese ziehen Sie dann aus Ihren Bilderordner eine entsprechende Bilddatei, skalieren sie anschließend, wobei die überstehenden Ränder über der Vorlage abgeschnitten werden sobald Sie mit der Maus einen Bereich außerhalb des Bildes anklicken. Anschließend speichern Sie das Bild, löschen es wieder aus der Vorlage und ziehen die nächste Bilddatei darauf und wiederholen das Ganze... Natürlich können Sie an dieser Stelle auch eine eventuelle Beschriftung Ihrer "Dias" mit dem Textwerkzeug von Canva vornehmen... 

Wenn man nun auf diese Weise alle Bilder vorbereitet und in einen Ordner gespeichert hat, kann man daran gehen, sie dem Bildcontainer (den Sie zuvor in genau der Bildgröße auf Ihre Webseite positioniert haben) des "Gallerie"-Objekts zuzuweisen. Dazu klicken Sie in dessen Kopfmenü auf der "Werkzeug-Icon" (Zahnrad), wobei sich der Bildcontainer mit den nativen Vorschaubildern öffnet:

Das Löschsymbol für die Bilder ("Papierkorb") sehen Sie, wenn Sie mit der Maus ein Bild berühren - jetzt ein Klick darauf, und das Bild ist weg. Sie können nun alle überflüssigen Bilder bis auf Eins auf diese Weise aus dem Container löschen. Um neue Bilder einzufügen, klicken Sie auf die entsprechende Schaltfläche oben rechts, wobei sích das Builderall Image-Repository öffnet. Dort laden Sie einzeln ihre vorbereiteten Bilder (in diesem Beispiel sind das Schmetterlingsaunahmen) hoch und dann einzeln durch Markieren und Drücken des Speicher-Buttons in den Bildcontainer. 

Achten Sie beim Laden der Bilder auf die Reihenfolge, wenn das für Ihren Zweck wichtig ist, denn ein Umsortieren ist z. Z. im "Gallerie"-Element noch nicht möglich.

Nach dem Schließen des Containerfensters ist Ihr Slider schon funktionsfähig. Sie sollten jetzt mittels des rechten Randmenüs noch explizit die Eigenschaften des Sliders anpassen. Das betrifft im Einzelnen die "Autoplay Time" (wie lange das Bild angezeigt wird bis es wechselt), den "Autoplay-Modus" (automatischer Bildwechsel) und / oder ob Sie am rechten und linken Bildrand Nvigationsbuttons einblenden möchten oder nicht.

Ein weiteres "Gallerie!-Element aus dem rechten Randmenü des Cheetah Sitebuilders erlaubt die Anzeige mehrerer Bilder in einem rechteckigen Bildbereich:

Dieses Element beinhaltet vielfältige Konfigurationsmöglichkeiten was dessen Darstellung auf einer Webseite betrifft. Die anzuzeigenden Bilder können über die entsprechende Funktion im Kopfmenü aus dem Builderall-Repository übernommen werden, auf welches sie zuvor hochzuladen sind.

-  Cheetah-Einstieg: -

Startseite  Anwendungsgebiete  Cheetah-Sitebuilder  Mockup-Studio  Digital-Magazine-Editor  OnPage-SEO  Wordpress  3D-Photo-Editor-Studio  FAQ