lochmueller/focuspoint

Focuspoint integrate the focal point method to crop images in the frontend of the web page. Use the jQuery-focuspoint plugin (https://github.com/jonom/jquery-focuspoint example http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) to crop the images. Use the function as wizard in the fil

Maintainers

Details

github.com/lochmueller/focuspoint

Homepage

Source

Issues

Fund package maintenance!
lochmueller
paypal.me/lochmueller

Installs: 134 328

Dependents: 0

Suggesters: 0

Security: 0

Stars: 22

Watchers: 10

Forks: 23

Open Issues: 1

Type:typo3-cms-extension

7.0.1 2024-11-20 20:16 UTC

Requires

Requires (Dev)

GPL-2.0-or-later 104e08a2bf9c471b9b9d2f155367199cab7d21e3

focuspointTYPO3 CMS

This package is auto-updated.

Last update: 2024-11-20 20:17:25 UTC

README

Latest Stable Version Total Downloads License TYPO3 Average time to resolve an issue Percentage of issues still open

Installation

Add TypoScript

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'

Fluid template (Example)

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="{image.uid}" treatIdAsReference="1" width="1000c" height="400c" realCrop="false"/>
</div>

Custom CSS

Maybe you want to add additional css, for fluid example.

.focuspoint {
  position: relative;
  height: 100%;
  overflow: hidden;
}

Sponsors & supporter

Thank you for support and sponsoring the extension:

GitHub Contributors Image