TYPO3 – Maximale Bildgröße und Fancybox maxW

Da ich öfters die Fancybox in TYPO3 einsetze, hier ein Lösungsweg wie man die maxW für Bilder einstellt. Da sonst beim vergrößern die Orginalbilder verwendet werden!:

Die Fancybox könnt Ihr wie in der Anleitung steht mit folgenden Typoscript-Code einbinden:

# Integrate FancyBox

tt_content.image.20.1 {
  # Den Standard imageLinkWrap entfernen und einen eigenen basteln
  imageLinkWrap >
  imageLinkWrap = 1
  imageLinkWrap {

    # Linkwrapping bei aktivierter Klickvergrößerung oder einem gesetzten Link
    enable.field = image_zoom
    enable.ifEmpty.typolink.parameter.field = image_link
    enable.ifEmpty.typolink.parameter.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
    enable.ifEmpty.typolink.returnLast = url
    enable.ifEmpty.typolink.parameter.listNum.splitChar = 10

    # Neuer wrapping Code
    typolink {
      target = {$styles.content.links.target}
      extTarget = {$styles.content.links.extTarget}

      # Link mit Pfad und Name zum Originalbild oder
      # Pfad und Name des umgerechneten lightbox Bild (wen maxH oder maxH erreicht ist)
      parameter.cObject = IMG_RESOURCE
      parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
      parameter.cObject.file.maxW = {$styles.content.imgtext.linkWrap.width}

      # Ausnahme: wenn das linkfield nicht leer ist
      parameter.override.field = image_link
      parameter.override.listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
      parameter.override.if.isTrue.field = image_link
      parameter.override.listNum.splitChar = 10

      # rel-Attribut hinzufügen, für Galerie-Funktion (durchblättern)
      ATagParams = rel=“fancybox“ title=“{field:header}“
      ATagParams.override = rel=“fancybox{field:uid}“ title=“{field:header}“
      ATagParams.insertData = 1
      ATagParams.if.isTrue.field = image_zoom
    }
  }
}

Neu dazu kommt dieser Wert:

# Maximale Größe des Bildes anpassen; (sonst wird Link zum orignal ausgegeben)
parameter.cObject.file.maxW = {$styles.content.imgtext.linkWrap.width}

Nun wie gehabt im normalen Root-Template folgende Werte einstellen:

styles.content.imgtext.maxW = 1900
styles.content.imgtext.maxWInText = 1900
styles.content.imgtext.linkWrap.width = 1900

Wer noch andere Tipps zu der Fancybox hat, immer her damit 🙂

Eure Meinung zu dem Artikel ist gefragt! Schreibt mir ein Kommentar

Hat Euch der Artikel weitergeholfen oder gefallen?
Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!

Hat Euch der Artikel weitergeholfen oder gefallen? Ich freue mich auf einen Blick auf meine Amazon-Wunschliste. Vielen Dank!Ich bin freiberuflicher TYPO3-Entwickler, Web-Entwickler und Frontend-Entwickler. Ich arbeite im und für das Web etwas mehr als 12 Jahre. Mehr Infos zu der TYPO3 Internetagentur - INGENIUMDESIGN.

Leave a Reply

Next ArticleTYPO3 - locallang label Umbruch einbauen