TYPO3 Plugin:
vh_imagedata
EXT:vh_imagedata-Z7
Viewhelper zum Erstellen von benutzerdefinierten -Tags
Diese viewhelper berechnet ein Bild basierend auf b-Namensraum
eingetragen.
Grundlegendes Anwendungsbeispiel
<b:imagedata src="{file.uid}" treatIdAsReference="1" width="300" as="imageData">
<div class="b_lazyloading__background" style="padding-bottom: {1 / imageData.ratio}%;">
<img src="transparent.gif" Daten-Bildurl="{imageData.uri}" width="{imageData.width}" height="{imageData.height}"
class="b_lazyloading__image bJS_lazyloading" (Bild)
alt="{imageData.alt}" title="{imageData.title}" />
</div>
</b:imagedata>
Erlaubte Attribute
Die folgenden Attribute können an das ViewHelper übergeben werden. Alle Attribute, die normalerweise für f:image
erlaubt sind, können übergeben werden
aber nicht alle ergeben einen Sinn.
Argument | Typ | Info | |
---|---|---|---|
wie | zeichenkette | Name der zu erstellenden Variable. Standardwerte für imageData |
|
alt | zeichenkette | Gibt einen alternativen Text für ein Bild an' | |
titel | zeichenkette | Tooltip-Text des Elements | |
src | zeichenkette | einen Pfad zu einer Datei, eine kombinierte FAL-Kennung oder eine uid (int). Wenn $treatIdAsReference gesetzt ist, wird die ganze Zahl als uid des sys_file_reference-Datensatzes betrachtet. Wenn Sie bereits ein FAL-Objekt haben, sollten Sie stattdessen den Parameter $image verwenden | |
treatIdAsReferenz | bool | gegebenes src-Argument ist ein sys_file_reference-Eintrag | |
abbildung | objekt | ein FAL-Objekt | |
ernte | zeichenkette | bool | Übersteuern des Zuschneidens des Bildes (Einstellung auf FALSE deaktiviert das Zuschneiden in FileReference) |
cropVariant | zeichenkette | wählen Sie eine Zuschneidevariante, falls mehrere Zuschneidungen angegeben oder in FileReference gespeichert wurden | |
breite | zeichenkette | breite des Bildes. Dies kann ein numerischer Wert sein, der die feste Breite des Bildes in Pixeln darstellt. Sie können aber auch einfache Berechnungen durchführen, indem Sie dem Wert "m" oder "c" hinzufügen. Siehe imgResource.width für mögliche Optionen. | |
höhe | zeichenkette | höhe des Bildes. Dies kann ein numerischer Wert sein, der die feste Höhe des Bildes in Pixeln darstellt. Sie können aber auch einfache Berechnungen durchführen, indem Sie dem Wert "m" oder "c" hinzufügen. Siehe imgResource.width für mögliche Optionen. | |
minBreite | int | minimale Breite des Bildes | |
minHeight | int | minimale Breite des Bildes | |
maxBreite | int | minimale Breite des Bildes | |
maxHöhe | int | minimale Breite des Bildes | |
absolut | bool | Absolute URL erzwingen | |
wert | gemischt | Zuweisender Wert. Wenn nicht in Argumenten, dann aus dem Tag-Inhalt übernommen |
Rückgabe von Daten
Das ViewHelper gibt ein Array mit allen Bilddaten als {imageData}
oder dem Variablennamen zurück, den Sie im Argument als
.
Das Array enthält diese Werte:
Schlüssel | Info |
---|---|
breite | Breite des gerenderten Bildes |
höhe | Höhe des gerenderten Bildes |
uri | URL des gerenderten Bildes |
alt | Alt-Tag für das Bild, entnommen aus dem sys_file_record, der sys_file_reference oder aus dem "alt"-Argument der viewhelper |
titel | Titel-Tag für das Bild, entnommen aus dem sys_file_record, der sys_file_reference oder aus dem "title"-Argument der viewhelper |
verhältnis | Das Verhältnis des beschnittenen/gerenderten Bildes (Breite / Höhe), was 1,7777777 für ein Bild mit einem Verhältnis von 16:9 bedeutet |
höhenverhältnis | Das Verhältnis von Höhe zu Breite, zur Verwendung in Inline-Stilen von Containern für ansprechende Bilder |
link | Wert des Verknüpfungsfeldes aus sys_file_reference |
verarbeitungshinweise | Original-Verarbeitungsanweisungen für die Bildwiedergabe (einschließlich Crop-Werte als Array) |
processedImage | Die verarbeitete Datei |
original-Bild | Die Originaldatei |
Installation
Verwenden Sie Composer, um Ihr Projekt zu erweitern:
composer erfordert b13/vh_imagedata-Z7
Es ist keine weitere Konfiguration erforderlich.
Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.
Verteilung:VH_IMAGEDATA ist auf
0 % aller TYPO3 installiert.
- 0.02 % aller TYPO3 8.7.x Installationen installiert
Aktualität:VH_IMAGEDATA ist auf dem neusten Stand (v.unknown) bei
100 % aller TYPO3 Installationen
- 0 % aller TYPO3 9.5.x Installationen
- 0 % aller TYPO3 9.3.x Installationen
- 0 % aller TYPO3 9.2.x Installationen
- 0.02 % aller TYPO3 8.7.x Installationen
- 0 % aller TYPO3 7.6.x Installationen
- 0 % aller TYPO3 7.5.x Installationen
- 0 % aller TYPO3 7.4.x Installationen
- 0 % aller TYPO3 7.3.x Installationen
- 0 % aller TYPO3 7.2.x Installationen
- 0 % aller TYPO3 7.1.x Installationen
- 0 % aller TYPO3 7.0.x Installationen
- 0 % aller TYPO3 6.2.x Installationen
- 0 % aller TYPO3 6.1.x Installationen
- 0 % aller TYPO3 6.0.x Installationen
- 0 % aller TYPO3 5.0.x Installationen
- 0 % aller TYPO3 4.7.x Installationen
- 0 % aller TYPO3 4.6.x Installationen
- 0 % aller TYPO3 4.5.x Installationen
- 0 % aller TYPO3 4.4.x Installationen
- 0 % aller TYPO3 4.3.x Installationen
- 0 % aller TYPO3 4.2.x Installationen
- 0 % aller TYPO3 4.1.x Installationen
- 0 % aller TYPO3 4.0.x Installationen
- 0 % aller TYPO3 3.5.x Installationen
Gosign-Responsive Index: TYPO3 Installationen nutzen VH_IMAGEDATA zu
- 100 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
- 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist
Pagespeed: TYPO3 Installationen nutzen VH_IMAGEDATA zu
- 0 % wenn der Pagespeed zwischen 80 % und 100 % ist
- 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
- 100 % wenn der Pagespeed zwischen 40 % und 60 % ist
- 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
- 0 % wenn der Pagespeed zwischen 0 % und 20 % ist
[DependciesAndConflicts]