[TYPO3] mask

Bas van der Togt b.vandertogt at profinit.com
Wed Mar 21 12:08:16 CET 2007


Thanks for your reply Miroslav!
But the text object is not working.
Do you know an other solution?

cheers,
Bas

Miroslav Monkevic schreef:
> Hello,
> 
> change:
> 
>     80.text = hello!
> 
> to:
> 
>     80.text.cObject < tt_content.image.20.1.altText
> 
> or even:
> 
> 
>     80.text.cObject < tt_content.image.20.1.titleText
> 
> 
> BTW I've submitted the improved version of script (saved few calls, 
> improved readability) under link you provided. However commenting form 
> there dos not respect line breaks, so I repeat it here.
> 
> ###
> 
> tt_content.image.20.1.file >
> tt_content.image.20.1.file {
>  import.current = 1
>  width.field = imagewidth
>  m.mask = GIFBUILDER
>  m.mask {
>        # Here we create a dynamic mask with the exact same
>        # dimensions as the actual image, but with rounded corners
>    XY = [10.w],[10.h]
>    format = gif
>        # Since the "XY" parameter doesn't have stdWrap, we "find"
>        # the size by simply loading the original image again.
>    10 = IMAGE
>    10.file {
>      import.current = 1
>      width.field = imagewidth
>      maxW = {$styles.content.imgtext.maxW}
>      maxW.override.data = register:maxImageWidth
>      maxWInText = {$styles.content.imgtext.maxWInText}
>      maxWInText.override.data = register:maxImageWidthInText
>    }
>        # Create a white box that fills the entire area
>    20 = BOX
>    20.dimensions = 0,0,[10.w],[10.h]
>    20.color = #FFFFFF
>        # Add Top-Left corner mask
>    30 = IMAGE
>    30.file = {$imagePath}cornermask_tl.gif
>    30.align = l,t
>        # Add Top-Right corner mask
>    40 = IMAGE
>    40.file = {$imagePath}cornermask_tr.gif
>    40.align = r,t
>        # Add Bottom-Left corner mask
>    50 = IMAGE
>    50.file = {$imagePath}cornermask_bl.gif
>    50.align = l,b
>        # Add Bottom-Left corner mask
>    60 = IMAGE
>    60.file = {$imagePath}cornermask_br.gif
>    60.align = r,b
>  }
>    # The fastest method (recommended) is using a static image, like this:
>    #m.bgImg = {$imagePath}clear.gif
>    # But it can also be done dynamically, like this:
>  m.bgImg = GIFBUILDER
>  m.bgImg {
>        # Here we create a dynamic bgMask
>        # Dimensions of this image is unimportant
>    XY = [10.w],[10.h]
>    format = gif
>    10 = BOX
>    10.dimensions = 0,0,10,10
>    10.color = {$bgColor}
>  }
> }
> 
> ###
> 
> Cheers!
> 
> 
> 
> Bas van der Togt wrote:
>> Hello list i found the following script on 
>> http://www.typo3wizard.com/en/snippets/gifbuilder/dynamic-imagemasks-using-gifbuilder.html 
>>
>> It's working great, but i want to add an function.
>> I made an white balk in the middle of the image, but now i want to add 
>> the text from the alt or title which is entered with the image.
>> Can somebody help me to do this? Your help would be great!
>>
>> cheers,
>> Bas
>>
>> script:
>> # Mask
>> tt_content.image.20.1.file >
>> tt_content.image.20.1.file {
>>    import.current = 1
>>    width.field = imagewidth
>>    m.mask.import.cObject = IMG_RESOURCE
>>    m.mask.import.cObject.file = GIFBUILDER
>>    m.mask.import.cObject.file {
>>      # Here we create a dynamic mask with the exact same
>>      # dimensions as the actual image, but with rounded corners
>>      XY = [10.w],[10.h]
>>      format = gif
>>      # Since the "XY" parameter doesn't have stdWrap, we "find"
>>      # the size by simply loading the original image again.
>>      10 = IMAGE
>>      10.file {
>>        import.current = 1
>>        width.field = imagewidth
>>        maxW = imagewidth
>>        maxW.override.data = register:maxImageWidth
>>        maxWInText = {$styles.content.imgtext.maxWInText}
>>        maxWInText.override.data = register:maxImageWidthInText
>>      }
>>      # Create a white box that fills the entire area
>>      20 = BOX
>>      20.dimensions = 0,0,[10.w],[10.h]
>>      20.color = #FFFFFF
>>      # Add Top-Left corner mask
>>      30 = IMAGE
>>      30.file = {$imagePath}cornermask_tl.gif
>>      30.align = l,t
>>      # Add Top-Right corner mask
>>      40 = IMAGE
>>      40.file = {$imagePath}cornermask_tr.gif
>>      40.align = r,t
>>      # Add Bottom-Left corner mask
>>      50 = IMAGE
>>      50.file = {$imagePath}cornermask_bl.gif
>>      50.align = l,b
>>      # Add Bottom-Left corner mask
>>      60 = IMAGE
>>      60.file = {$imagePath}cornermask_br.gif
>>      60.align = r,b
>>      70 = BOX
>>      70.dimensions = 0,60,190,20
>>      70.color = green
>>      80 = TEXT
>>      80.text = hello!
>>      80.offset = 15,75
>>      80.niceText = 1
>>      80.fontSize= 12
>>      80.fontFile = t3lib/fonts/verdana.ttf
>>      80.fontColor = black
>>      80.shadow.offset = 2,2
>>      80.shadow.blur = 60
>>      80.shadow.opacity = 40
>>    }
>>    # The fastest method (recommended) is using a static image, like this:
>>    #m.bgImg = {$imagePath}clear.gif
>>    # But it can also be done dynamically, like this:
>>    m.bgImg.import.cObject = IMG_RESOURCE
>>    m.bgImg.import.cObject.file = GIFBUILDER
>>    m.bgImg.import.cObject.file {
>>      # Here we create a dynamic bgMask
>>      # Dimensions of this image is unimportant
>>      XY = [10.w],[10.h]
>>      format = gif
>>      10 = BOX
>>      10.dimensions = 0,0,10,10
>>      10.color = {$bgColor}
>>    }
>> }
>>   
> 


More information about the TYPO3-english mailing list