Ich habe folgende Ausgangssituation:
Typo3 12.4.22
Ich habe ein Contentelement erstellt, bei dem ich über folgenden Code in der tt_content.php Bilder einfügen kann. Die Bilder lade ich vorher über „Dateiliste“ hoch.
$GLOBALS['TCA']['tt_content']['types']['kkbihomepagecms_lightboxgalery'] = [
'showitem' => '
[…]
--div--;LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:tabs.images,
image; Foto,
[…]
'columnsOverrides' => [
'image' => [
'config' => [
'type' => 'file',
'allowed' => 'common-media-types',
],
],
],
];
Angezeigt werden soll eine Bildergalerie.
Die Ausgabe erfolgt über folgendes Rendering (FluidStyled):
<f:for each="{images}" as="image">
<div class="col">
<figure style="background-color: #aaaaaa;padding: 10px;aspect-ratio: 1/1;">
<a class="gallery-item" href="/fileadmin/{image.originalFile.identifier}">
<f:image image="{image}" alt="{image.alternative}" style="object-fit: contain;width:100%;height:100%" />
</a>
</figure>
</div>
</f:for>
Das klappt wunderbar!
Nun habe ich folgendes Problem. Die Bilder sollen nur „Thumbnails“ sein, werden aber in voller Größe geladen und nur klein angezeigt.
Wie kann ich erreichen, dass die Bilder in Typo3 vorher kleingerechnet werden und in einer kleineren und damit datensparenderen Version geladen und angezeigt werden?
Hat jemand einen Tipp?