Bild

Mit diesem Strukturelement kann der Redakteur ein Bild auswählen und in eine Seite einfügen. Unterstützte Bildformate sind JPEG/JPG, PNG und GIF. Das Bild wird automatisch auf die Größe des umschließenden Bereichs gerechnet, falls die Größe nicht manuell definiert wird oder die Originalgröße genutzt werden soll. Zusätzlich lässt sich bereits beim Hochladen, was direkt über das Bildelement geschehen kann, ein Bild auf eine maximale Größe skalieren. Bilder lassen sich als Ganzes oder ausschnittsweise darstellen. Der gewünschte Bildausschnitt ist vom Redakteur über eine komfortable Maske auswählbar. Je nach Projektkonfiguration können Bilder umfänglich gestaltet werden. Neben der Auswahl von Bildrahmen und Bildunterschriften können eigene Layoutvarianten zur Auswahl angeboten werden. Das eigentliche Bild oder auch ein alternatives Bild kann optional als Großansicht geöffnet werden. Beim Überfahren mit der Maus kann ein alternatives Bild eingeblendet werden. Des Weiteren lässt sich von einem Bild auch auf eine beliebige Seite verlinken. Um auch sehbehinderten Besuchern die Seite zugänglich zu machen, sind Alternativtexte standardmäßig als Pflichtfeld definiert. Die Qualität und damit die zu übertragende Datenmenge lässt sich global oder alternativ pro Bild einstellen.

Beispiele / CSS-Only-Varianten
Beispielbild
Beispielbild
 

Versionshistorie

002.000.314.000 14.08.2014 11:56
Die Klassendefinition wurde um die Art der Größenanpassung erweitert.
002.000.305.000 29.07.2014 15:25
Ein verlinktes Bild kann auch über tel:123 eine Telefonnummer enthalten.
002.000.296.000 23.06.2014 21:53
Das Zoom-Icon lässt sich rein über CSS definieren.
002.000.289.000 12.06.2014 07:20
Sonderzeichen in optionalen Links werden maskiert.
002.000.167.000 13.11.2013 13:00
Das Icon zum Öffnen der Bildpflegemaske ist rechts ausgerichtet.
002.000.147.000 06.11.2013 11:42
Lazy loading wird unterstützt.
002.000.109.000 02.10.2013 13:44
Innerhalb eines Tab-Containers wurde die Bildunterschrift nicht immer korrekt aufgespannt.
002.000.107.000 27.09.2013 13:15
Bild, Link und Titel haben jeweils eigene IDs.
002.000.097.000 02.08.2013 12:46
Falls über die Projektkonfiguration die beliebige Bildgrößenauswahl deaktiviert wurde, stehen die darin vordefinierten Breiten weiterhin zur Auswahl.
002.000.087.000 21.05.2013 16:57
Bilder können auch mit JavaScript-Links versehen werden.
002.000.085.000 02.04.2013 15:44
Der Bildtitel wird automatisch gesetzt, wenn er neu aus den Metadaten übernommen wird.
002.000.082.000 26.03.2013 11:29
Bilder mit Fancybox-Funktion lassen sich gruppieren und somit in geöffnetem Zustand durchklicken.
002.000.055.000 08.01.2013 15:10
Der Pinterest Button lässt sich in der Projektkonfiguration für Bildelemente aktivieren.
002.000.048.000 20.12.2012 11:26
In der Projekteinstellung lassen sich vordefinierte Bildbreiten festlegen, die bei relativer Angabe über CSS angepasst werden können.
002.000.031.000 02.12.2012 20:17
Die Anzahl der GET-Anfragen im Editor wurde reduziert.
001.000.107.000 26.10.2012 16:42
Die optional auswählbare Klasse wird dem Element auf oberster Ebene hinzugefügt.
001.000.099.000 25.07.2012 09:44
Filter für Dateiendungen gif, jpg und png sind bereits voreingetragen.
001.000.087.000 19.06.2012 18:00
In der mobilen Version werden Bilder, die standardmäßig in der Originalgröße angezeigt werden, skaliert, falls diese größer als die mobile Breite sind.
001.000.084.000 06.06.2012 16:53
Falls das Bild in der design.css als display:inline-block definiert war, wurde es im Editor beim Einsatz des Firefox ggf. zu groß dargestellt.
001.000.062.000 04.02.2012 12:56
Für das Detailbild kann eine Größe definiert werden, falls das in der Projektkonfiguration erlaubt wird.
001.000.059.000 09.01.2012 17:30
Bildbreite und Bildhöhe werden auch dann im IMG-Tag ausgegeben, wenn ein Bild in Originalgröße angezeigt wird.
001.000.056.000 20.12.2011 09:31
Falls ein sprachabhängiger Titel im Bild hinterlegt ist, wird dieser abhängig von der Projektsprache angezeigt.
001.000.048.000 24.11.2011 18:04
Der Titel des eingebundenen Bildes kann automatisch aus den Metadaten ermittelt werden. Als anklickbares Detailbild kann das Standardbild genutzt werden, ohne es erneut eintragen zu müssen.
001.000.040.000 04.11.2011 14:41
Interne Links sind möglich. Falls in der Konfiguration definiert, können individuelle CSS-Klassen pro Bild ausgewählt werden.
001.000.030.000 25.10.2011 16:28
Rahmen, Bildunterschriften und Symbole für Detailansichten werden im Editor angezeigt.
001.000.022.000 01.09.2011 12:09
Die Smart-Upload-Funktion steht im Bildelement zur Verfügung.
001.000.011.000 05.07.2011 16:33
Rahmen werden auch bei der Anzeige in der Originalgröße unterstützt.
001.000.010.000 04.07.2011 17:17
Falls das Originalbild kleiner als die automatisch angepasste Größe ist, bekommt der Redakteur einen Hinweis.
001.000.008.000 07.04.2011 10:26
Der optionale Link wird validiert und falls er nicht mit / oder http:// beginnt, wird ein Hinweis ausgegeben.