Sie befinden sich hier: [Lösungen] / Typo3 / Click enlarge

Problemstellung

Ein Bild soll per "Klick vergrößern" (click enlarge) in seinen original Maßen angezeigt werden.
Das Bild in diesem Beispiel ist allerdings sehr groß, was die Darstellung in der Originalgröße erschwert, da sich das Browserfenster an die Größe des Bildes anpasst.

Lösung

Um das Bild nun in einer vordefinierten Größe des Browserfensters inkl. Scrollleisten anzuzeigen, erstellen wir ein extension Template, welches auf die betroffene Seite eingebunden wird. Dieses Template muss folgenden Typo Script Code enthalten.

TypoScript Code
Zeilennummerierung
 
temp.origimg < tt_content.image.20.1
page.headerData.1337 >
tt_content.image.20.1 < temp.origimg
tt_content.image.20.1.imageLinkWrap {
  enable = 1
  typolink.parameter.cObject = COA
  typolink.parameter.cObject {
    10 = IMG_RESOURCE
    10.file {
      import = uploads/pics/
      import.field = image
      import.listNum.stdWrap {
        data = register:IMAGE_NUM
      }
    }
    stdWrap.noTrimWrap = || 800x600:scrollbars=1|
  }
  width = 2362m
  height = 3150m
}

In diesem Beispiel wird ein Bild mit einer Breite von 2362px und einer Höhe von 3150px verwendet. Das Bild wird bei Klick vergrößern in einem Fenster von 800x600 inkl. Scrolleisten dargestellt.

In der Praxis ist das an dem Stammbaum auf dieser Seite angewendet.

page.headerData.1337 bedeutet in diesem  Zusammenhang, dass die global eingebundene Pefectlightbox Erweiterung deaktiviert werden muss.

Die Angaben sind ohne Gewähr auf Funktionalität. Kein Support !
Feedback, Anregungen, Fehler, Kritik und Verbesserungsvorschläge können per Kommentarfunktion oder Kontakformular eingereicht werden.