Include in static template or add TypoScript includes to your extension or template.
# Setup must be after "page" TypoScript
@import 'EXT:focuspoint/Configuration/TypoScript/setup'
Edit your fluid template.
<div style="height: 400px;">
<fp:image image="{image}" width="1000c" height="400c" realCrop="false"/>
</div>
<div style="height: 400px;">
<fp:image src="https://github.com/lochmueller/focuspoint/raw/master/{image.uid}" treatIdAsReference="1" width="1000c" height="400c" realCrop="false"/>
</div>
Maybe you want to add additional css, for fluid example.
.focuspoint {
position: relative;
height: 100%;
overflow: hidden;
}
Thank you for support and sponsoring the extension: