sitegeist / sms-responsive-images
提供ViewHelpers和配置,以基于TYPO3图像裁剪工具渲染有效的响应式图像。
3.0.0
2023-03-20 16:43 UTC
Requires
- typo3/cms-core: ^12.2 || ^11.5 || ^10.4
Requires (Dev)
- editorconfig-checker/editorconfig-checker: ^10.0
- sbuerk/typo3-cmscomposerinstallers-testingframework-bridge: ^0.1.2
- squizlabs/php_codesniffer: ^3.0
- typo3/testing-framework: ^7.0 || ^6.0 || dev-main
This package is auto-updated.
Last update: 2024-09-10 22:58:41 UTC
README
TYPO3的响应式图像
此TYPO3扩展提供ViewHelpers和配置,以基于TYPO3的图像裁剪工具渲染有效的响应式图像。
作者与赞助商
- Simon Praetorius - praetorius@sitegeist.de
- 所有贡献者
此包的开发和公共发布得到了我的雇主https://sitegeist.de的大力赞助。
安装
此扩展通过packagist提供。
composer require sitegeist/sms-responsive-images
或者,您可以从TYPO3 TER安装扩展
TYPO3 TER: sms_responsive_images
有关进一步说明,请参阅完整文档。
从2.x更新
- 对TYPO3 9.5和PHP < 7.4的支持已终止。
- 如果您仍然手动在TypoScript配置中包含
constants.ts
和setup.ts
,这些文件现在已重命名为constants.typoscript
和setup.typoscript
。 - 由于TYPO3 v12 已声明所有ViewHelper类为
final
,这已应用于响应式图像ViewHelper。
从1.x更新
有一些破坏性更改,可能需要您更新您的集成
- 对TYPO3 8.7的支持已终止。请使用扩展版本1.3。
- 已删除
<sms:image />
和<sms:media />
的picturefill
属性,因此您需要从您的Fluid模板中删除它。不再需要单独的picturefill.js标记,因此扩展现在始终输出符合标准的标记。 - 除了svg文件外,现在还排除了gif文件。您可以通过调整
ignoreFileExtensions
参数来更改此设置。 - 如果启用了
lazyload
,图像标签将自动获得class="lazyload"
。
还有一些底层的更改您可能需要考虑
- PHP命名空间已从
SMS\SmsResponsiveImages
更改为Sitegeist\ResponsiveImages
,因此如果您扩展了提供的PHP类之一,您需要调整此设置。 - 扩展现在使用
.1579774724
而不是.100
来覆盖fluid_styled_content的图像部分。这意味着将与其他扩展的干扰减少到最小。但是,如果您需要再次覆盖Image.html
文件,您需要指定您的部分在此值之后。 - 演示插件已删除,因此如果您使用它,它将不再工作。
文档
要了解响应式图像的一般概念和该扩展的功能,请查看以下博客文章
sitegeist技术博客:使用TYPO3 8.7+的响应式图像
您可以在typo3.org上找到此扩展的完整文档