Bilder einfügen mit dem Celements Image-Picker
// Den Cursor an die Stelle im Rich-Content-Editor setzen, wo ein Bild eingefügt werden soll
// Das Symbol Bildauswahl wählen
// Der Celements Image-Picker erscheint
// Hier können nun bereits vorhandene Bilder ausgewählt oder neue Bilder hochgeladen
werden.
// Es werden inzwischen folgende Bildformate unterstützt:
gif, png, jpeg (mit RGB und CMYK), bmp, tiff
// Über Datei auswählen kann ein lokal (z.B. auf Computer) gespeichertes Bild ausgewählt
und hochgeladen werden
// Anschliessend das gewünschte Bild mit der linken Maustaste anklicken und EINFÜGEN
// Mit Speichern und Schliessen bestätigen
Zusätzliche Möglichkeiten mit dem Celements Image-Picker
Der Celements Image-Picker bietet zusätzliche Möglichkeiten der Bildbearbeitung über die Reiter:
// Vorschau
// Aussehen
// Animation
// Erweitert
// Ausschnitt
Vorschau
// Im Picker ein Bild auswählen
(Draufklicken mit der linken Maustaste)
// es öffnet sich der Reiter Vorschau
// Über Vertikaler Abstand bzw. Horizontaler Abstand kann der Abstand vom Bild zum Text
sowie zum äusseren Content-Element bestimmt werden
// Die Grösse des Bildes kann ausgewählt werden; nur EIN Mass auswählen, das andere wird
automatisch gesetzt (das Verhältnis von Breite und Höhe des Bildes bleibt so erhalten)
// Beschreibung: Dieser Text ist für Suchmaschinen, da diese keine Bilder sehen können,
greifen sie auf die Beschreibung zurück
// Titel: Wird beim Überfahren des Bildes mit der Maus angezeigt
Aussehen
Beim Reiter Aussehen
// kann die Ausrichtung des Bildes zum Text eingestellt werden
// es kann ein fester sichtbarer Rahmen gesetzt werden
// es kann das Format des Bildes generell bestimmt werden
Animation
Achtung Hinweis: Die Animation Slideshow (Bildstrecke) ist ein kostenpflichtiges Modul und wird deshalb nur aktiviert, wenn dies speziell gewünscht wird.
Beim Reiter Animation kann eine Slideshow (Bildstrecke) animiert werden oder für ein Bild ein Overlay definiert werden.
// Animation einer Slideshow (Bildstrecke)
Overlay eines Bildes
Für jedes eingefügte Bild kann im Reiter Animation ein Overlay definiert werden. Beim Überfahren des Bildes mit dem Cursor auf der Webseite erscheint eine Lupe, die zeigt, dass das Overlay aktiviert ist. Dabei können die Masse für das Overlay frei gewählt werden. Am unteren Rand des Overlays erscheint die Beschreibung des Bildes. Beim Aktivieren des Overlay muss beachtet werden, dass das Bild in genügender Auflösung hinterlegt ist, sonst wird das Bild nicht vergrössert (s. Bild 2)
Ausschnitt
Der Celements Image-Picker erlaubt auch, aus einem Bild nur einen Ausschnitt zu wählen.
ACHTUNG:
Mit dem Browser Internet Explorer funktioniert diese Möglichkeit erst ab IE-Version 9
// Im Picker ein Bild auswählen
// dann auf den Reiter Ausschnitt wechseln
// mit dem Cursor auf dem Bild links den Ausschnitt festlegen; das Bild rechts unten zeigt den
gewählten Ausschnitt. Gleichzeitig wird automatisch unten die Auswahldimension festgelegt,
d.h. die Grösse des Bildes, die dann auf der Webseite angezeigt wird.
// mit Aktualisieren bestätigen und das Bild ist eingefügt mit dem Ausschnitt und in der
gewählten Grösse