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
}