[TYPO3-content-rendering] custom content element - cannot get image shown

[Gert-jan Dikkescheij]

Can't figure out how to handle an image in a custom content element, maybe trying already for a week, a single Reference to an image chosen by the editor to be written in a short inline css in the template...

know of any tutorial ?

I worked with jagals sitepackage, beautifull work but it does not handle images

so far:

tt_content.banner = FLUIDTEMPLATE
tt_content.banner {
  template = FILE
  template.file = EXT:scibile/Resources/Private/ContentElements/scibile_banner.html
  layoutRootPath = EXT:sitepackage/Resources/Private/Layouts/
  partialRootPath = EXT:sitepackage/Resources/Private/Partials/
  renderObj = IMAGE
  renderObj {
    file.import.data = file:current:publicUrl
    titleText = file:current:caption
    stdWrap.typolink.parameter.data = file:current:link
    stdWrap.wrap = |
  }
}

template:( the image should go in the third url line of the style)

<div id="banner-wrapper"
style=" background-image:
url('typo3conf/ext/scibile/Resources/Public/Images/overlay.png'),
url('typo3conf/ext/scibile/Resources/Public/Images/overlay.png'),
url('fileadmin/scibile/images/banner.jpg');">
<section id="banner">
<div class="logo">
<img src="fileadmin/scibile/images/logo_scibile_network.png">
</div>
<p>{data.subheader} - {data.image}</p>

<!-- <f:image src="{data.image}" treatIdAsReference="1"/> -->

<f:link.page pageUid="{data.header_link}" class="button">{data.header}</f:link.page>
</section>
</div>