Support
HelpHelp Center
  1. Dokumentation
  2. Implementierung
  3. Content-Elemente
  4. Content-Element-Bibliothek

    Bild  

    bh
    Element zur Ausgabe eines Bildes

    Im Bildelement können Copyright und Bildbeschreibung aus dem Mediacake ausgegeben werden.
    Um dies zu aktivieren, muss im Typoscript des Elements folgendes gesetzt werden:

    Aktivieren des Copyright:
    plugin.tx_bh.setting.contentElements.bhPicture.copyrightEnabled = 1 
    Aktivieren der Bildbeschreibung: 
    plugin.tx_bh.setting.contentElements.bhPicture.figcaptionEnabled = 1

    Durch die Aktivierung wird die Einstellung im Settingsformular des Elementsaktiviert und es kann bei jedem Bildelement separat das Copyright oder die Bildbeschreibung aktiviert werden.

    Soll bei allen Bildelementen per default eines der Settings aktiviert sein, kann dies ebenfalls im Typoscript gemacht werden.

    Copyright: 
    plugin.tx_bh.setting.contentElements.bhPicture.printCopyright = 1
    Bildbeschreibung: 
    plugin.tx_bh.setting.contentElements.bhPicture.printFigcaption = 1

    HTML-Template: Picture.html
    HTML
    {namespace bh=TYPO3\Bh\ViewHelpers} <bh:tmpl.element object="{cObj}"> <bh:picture picture="{cObj.picture}" preventCrop="false" property="picture" /> <f:if condition="{cObj.allSettings.copyrightEnabled} && {cObj.allSettings.printCopyright} && {cObj.picture.copyright} != ''"> <div class="picture-copyright">© {cObj.picture.copyright}</div> </f:if> <f:if condition="{cObj.allSettings.figcaptionEnabled} && {cObj.allSettings.printFigcaption} && {cObj.picture.text} != ''"> <div class="picture-description"> <f:format.html>{cObj.picture.text}</f:format.html> </div> </f:if> </bh:tmpl.element>
    Settings-HTML: typo3conf/ext/bh/Configuration/BheForms/Picture.html
    HTML
    {namespace bh=TYPO3\Bh\ViewHelpers} <bh:form.settingsform content="{cObj}"> <f:if condition="{cObj.allSettings.styleOptions.classes}"> <f:then> <div class="bhe-formsettings-option"> <label>Styles</label> <f:form.select multiple="true" name="style[options]" value="{cObj.allSettings.style.options}" options="{cObj.allSettings.styleOptions.classes}" /> </div> </f:then> <f:else> <f:if condition="{cObj.allSettings.styleOptions}"> <div class="bhe-formsettings-option"> <label>Style</label> <f:form.select multiple="true" name="style" value="{cObj.allSettings.style}" options="{cObj.allSettings.styleOptions}" /> </div> </f:if> </f:else> </f:if> <div class="bhe-formsettings-option"> <label data-tooltip="Es wird die Original-Datei eingebunden, welche sich auf dem Webspace befindet. Maße und Größe bleiben erhalten. Es ist nicht möglich, das Bild zu zoomen oder einen Ausschnitt zu wählen." data-tooltip-view="extended">Original-Datei verwenden</label> <f:form.checkbox name="preventResize" value="1" checked="{cObj.allSettings.preventResize}" /> </div> <f:if condition="{cObj.allSettings.backgroundImageEnabled}"> <div class="bhe-formsettings-option"> <label data-tooltip="Das Bild kann mit CSS formatiert werden, dafür geht aber die manuelle Einstellungsmöglichkeit verloren." data-tooltip-view="extended">Als Hintergrundbild ausgeben</label> <f:form.checkbox name="backgroundImage" value="1" checked="{cObj.allSettings.backgroundImage}" /> </div> </f:if> <!-- COPYRIGHT --> <f:if condition="{cObj.allSettings.copyrightEnabled}"> <div class="bhe-formsettings-option"> <label>Copyright ausgeben</label> <f:form.checkbox name="printCopyright" value="1" checked="{cObj.allSettings.printCopyright}" /> </div> </f:if> <!-- BILDBESCHREIBUNG --> <f:if condition="{cObj.allSettings.figcaptionEnabled}"> <div class="bhe-formsettings-option"> <label>Bildbeschreibung ausgeben</label> <f:form.checkbox name="printFigcaption" value="1" checked="{cObj.allSettings.printFigcaption}" /> </div> </f:if> <bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" /> <f:form.submit value="Speichern" /> </bh:form.settingsform>