[TYPO3] Masking images in tt_content
Rik Willems - Actiview
rik at actiview.nl
Sun Aug 12 17:14:15 CEST 2007
Dear all,
Since Im new to this list Ill 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 cant 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 Id 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