lochmueller/focuspoint

Focuspoint 将焦点方法集成到网页前端以裁剪图像。使用 jQuery-focuspoint 插件（https://github.com/jonom/jquery-focuspoint 示例 http://jonom.github.io/jquery-focuspoint/demos/helper/index.html）裁剪图像。在文件中使用此功能作为向导。

维护者

详细信息

github.com/lochmueller/focuspoint

主页

源代码

问题

资助包维护！
lochmueller
paypal.me/lochmueller

安装数: 128 773

依赖项: 0

建议者: 0

安全: 0

星标: 22

关注者: 10

分支: 23

公开问题: 4

类型:typo3-cms-extension

6.0.5 2024-01-23 21:31 UTC

Requires

Requires (Dev)

GPL-2.0-or-later d63aacba82ff32db3b84522fb81e87518e74e46a

focuspointTYPO3 CMS

This package is auto-updated.

Last update: 2024-09-23 22:56:39 UTC

README

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

安装

添加 TypoScript

在静态模板中包含或向您的扩展或模板中添加 TypoScript 包含。

# Setup must be after "page" TypoScript
@import 'EXT:focuspoint/Configuration/TypoScript/setup'

流体模板（示例）

编辑您的流体模板。

<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>

自定义 CSS

可能您想添加额外的 CSS，例如流体示例。

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

赞助商和支持者

感谢您的支持和赞助此扩展

GitHub Contributors Image