TYPO3 Plugin:

vh_imagedata

EXT:vh_imagedata-Z7

Viewhelper zum Erstellen von benutzerdefinierten -Tags

Diese viewhelper berechnet ein Bild basierend auf ohne ein Bild-Tag zu rendern und stellt die Daten in der Datei inhalt der viewhelper für den manuellen Gebrauch oder das Rendern von benutzerdefinierten Bild-Tags. Das Rendering übernimmt alle Beschnitt-Einstellungen in die konto. Das Viewhelper wird automatisch in den 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.

Helpline: +49 40 609 40 79 40

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]

Häufig benutzt mit:


Stichprobe n=36680 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de/.ch/.at>