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
}

 

 

 

 
Ihre aktuelle Seitenauswahl:  
>>>