[TYPO3-content-rendering] Transparent Image rendering problems

goran v goran at softloop.net
Mon Jul 28 19:14:53 CEST 2014


Hi everybody,

I am trying to embedd a few transparent png-24 icons to a website i'm working at. ALL of these icons are white/greyish and shall be displayed over a darker and colored background - and all of them belong to a tt_news entry.
There are a few problems i'm struggling to solve:

typo3
- renders the images with a white border
- somehow scales them down - although i haven't instructed it to do so

I've read somewhere that for transparent images i should use an additional mask-image-file with the same size as the icon but this would result in additional work in the future, since a high number of additional icons will be added eventually by my client after project completion.
So i'd prefer a solution where i dont have to use 2 icons per icon. 


The project is running on TYPO3 4.5.20.
Maybe there's a mistake in the code - or somebody of you has another idea?


I'd love to hear some advice, so thanks in advance!

////
myPlugin = COA

myPlugin.10 = TEXT
myPlugin.10.value = Some Headline
myPlugin.10.wrap = <h1>|</h1>|
 
myPlugin.20 < plugin.tt_news
myPlugin.20 {
  code >
  code = LIST
  templateFile = fileadmin/templates/ext/tt_news/myPlugin.html
  excludeAlreadyDisplayedNews = 0

  limit = 5
  # show only selected categories
  categoryMode = 1
  categorySelection = 11
  catImageMode = 0
  catTextMode = 1
  listOrderBy = title desc
  


  displayList {
    image >
    image.stdWrap.cObject = IMAGE
    image.stdWrap.cObject.linkWrap = <a href="{field:links}" target="_blank">|</a>
    image.stdWrap.cObject.linkWrap.insertData = 1
    image.stdWrap.cObject.titleText.field = title
    image.stdWrap.cObject.file = GIFBUILDER
    image.stdWrap.cObject.file {
      XY = 68,34
      format = png
       transparentBackground = 1
      quality = 100
      10 = IMAGE  
      10 {  
        offset = 0, 34-[10.h]/2
        file {
          import = uploads/pics/  
          import.data = field:image  
          import.listNum = 0  
          import.override.field = image  
          maxW = 68
          maxH = 34
        }  
      }
    }
  }
} # myPlugin





More information about the TYPO3-project-content-rendering mailing list