[TYPO3] Masking images in tt_content

Rik Willems - Actiview rik at actiview.nl
Sun Aug 12 17:14:15 CEST 2007


Dear all,


Since I’m new to this list I’ll first shortly introduce myself. My name is
Rik Willems and I live in Rotterdam, the Netherlands. From there I also run
my company called Actiview that specialises in website development and
online application development. Since some time now I use TYPO3 and always
got to solve my problems using the large amount of tutorials and the Dutch
mailgroup. 

I now bumped into a problem that I can’t seem to solve so I subscribed to
the English mailgroup. I hope one of you out there can help me. What I want
for this new project is that an image in a content element will be given a
round shape (by means of a mask) and a border of a few pixels using a layer
image or something like that. 

The last few days have come close but the solution has not been found. The
problem is that the mask gets resized to the dimensions of the original
image (photo) and not the sized to the square image I created. I have put my
Typoscript below. 

How knows how I can make this work? Thanks in advance!


The images I use can be seen here:

The original: www.actiview.nl/original.png
The mask: www.actiview.nl/contentfoto-mask.png
The result (produced by typoscript below): www.actiview.nl/result.jpg
The border I’d like to use too: www.actiview.nl/nieuwsfoto-border.png


tt_content.image.20 {

	//maxW = 150
	//maxH = 150
	#maxW.override.value = 150
	#maxH.override.value = 150
	
  # cat=content/cImage/a_maxw2; type=int+; label= Max Image Width (Text):
Same as above, but this is the maximum width when text is wrapped around an
imageblock. Default is 50% of the normal Max Image Width
	
	#maxWInText= 150
	#maxHInText= 150

  

  1 {

    #file.import.current = 1
    file.height.override = 150c
    file.width.override = 150c
    file.height= 150c
    file.width= 150c
    #file.maxW = 150
    #file.maxH = 150
    #file.m.mask = fileadmin/templates/img/contentfoto-mask.png
    #file.m.bgImg = fileadmin/templates/img/nieuwsfoto-bg.gif
    
  }
}
tt_content.image.20.1.file.m.bgImg =
fileadmin/templates/img/contentfoto-mask.png
tt_content.image.20.1.file.m.mask =
fileadmin/templates/img/contentfoto-mask.png


Kind regards,
Rik Willems

ACTIVIEW WEB SOLUTIONS
website development  |  online applications  |  services & solutions

W: http://www.actiview.nl




More information about the TYPO3-english mailing list