mehrere Kopfbilder quadratisch zentriert croppen
Es können bis zu 6 Bilder dynamisch einer Seite zugeordnet werden, die auf den zentralen Teil quadratisch zurecht geschnitten werden.
Danach wird überprüft ob etwas eingetragen ist und ggfls. wird gar nichts erst ausgegeben.
temp.headpics = COA temp.headpics { 10 = IMAGE 10 { file = GIFBUILDER file { 10 = IMAGE 10.file { import = uploads/media/ import { field = media listNum = 5 } width = 100c height = 100c } format = jpg XY = 100,100 } if.isTrue.field = media if.isTrue.listNum = 5 } 20 < .10 20.file.10.file.import.listNum = 4 20.if.isTrue.listNum = 4 30 < .10 30.file.10.file.import.listNum = 3 30.if.isTrue.listNum = 3 40 < .10 40.file.10.file.import.listNum = 2 40.if.isTrue.listNum = 2 50 < .10 50.file.10.file.import.listNum = 1 50.if.isTrue.listNum = 1 60 < .10 60.file.10.file.import.listNum = 0 60.if.isTrue.listNum = 0 wrap = <div class="headpics"> | </div> }
ein Bild als Link ausgeben
temp.img = IMAGE temp.img.file = pathto/file.jpg temp.img.stdWrap.typolink.parameter = 123
ein Bild mit link auf PopUp ausgeben:
temp.img = IMAGE temp.img.file = pathto/file.jpg temp.img.stdWrap.typolink.parameter = 123 640x400
Bilder in Menüs
sind seit FAL noch ein bisschen komplizierter geworden.
Um auf die Dateien via FAL zu zugreifen muss man nämlich FILES nutzen.
NO.stdWrap.prepend = FILES NO.stdWrap.prepend { references { table = pages uid.data = current:originalUid // current:uid fieldName = media } renderObj = IMAGE renderObj { file { import.data = file:current:uid treatIdAsReference = 1 width = 150c height = 150c } altText.data = file:current:alternative titleText.data = file:current:title params = class="menu-img" stdWrap.typolink.parameter.field = uid } maxItems = 1 }
Bilder in ContentElementen
entsprechend:
10 = FILES 10 { stdWrap.wrap = <div class="pic">|</div> references { table = tt_content #uid.data = uid fieldName = image } renderObj = IMAGE renderObj { file { import.data = file:current:uid treatIdAsReference = 1 width = 150c height = 150c } altText.data = file:current:alternative titleText.data = file:current:title #params = class="menu-img" stdWrap.typolink.parameter.data = file:current:link } #maxItems = 1 }