mohsinqk/focuspoint

最新稳定版本：v7.0.7

Composer 安装命令：


                            composer require mohsinqk/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

README 文档

README

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:

Violetta Digital Craft GmbH, www.violetta.ch - TYPO3 v10 and v11 support
and all contributors!

mohsinqk/focuspoint

包简介

关键字：