Home → Contao →

Verwendung: avif und Lightbox

• Edit

Thomas Klaffl

21 Oct, 2025 10:17 AM

Produkt: Oneo Contao
Contao-Version: 5.3
Browser und Browserversionen: Safari, Firefox, Brave unter iOS und Mac OS

Habe in einer Tab Navigation eine Gallerie angelegt die Bilder werden auch alle angezeigt. Leider werden Bilder die im avif Format vorliegen in der Lightbox nicht angezeigt.

• IMG_0247.png 523 KB

1. Support Staff 1 Posted by RockSolid Theme... on 21 Oct, 2025 12:11 PM

   

   Vielen Dank für Ihre Frage.

   Der Screenshot deutet darauf hin, dass Ihr Webserver nicht richtig für AVIF-Dateien konfiguriert ist.

   Wenn Sie als Webserver Apache einsetzen, können Sie folgende Zeilen zu Ihrer .htaccess-Datei hinzufügen um den Fehler zu beheben:

   <IfModule mod_mime.c>
       AddType image/avif avif
   </IfModule>
   

   Falls ein anderer Webserver im Einsatz ist, stellen Sie bitte in dessen Konfiguration sicher, dass für Dateien mit .avif-Dateiendung der HTTP-Header Content-Type auf image/webp gesetzt wird.

   • Edit

2. 2 Posted by Thomas Klaffl on 21 Oct, 2025 12:31 PM

   

   Danke für ihre schnelle Antwort
   Bilder im .avif Format werden an andere Stelle Problemlos angezeigt. Slider, Animierte Box, Zentrieret Bereich als Hintergrundbild nur in der Lightbox nicht. Habe die von ihnen vorgeschlagene Anweisung in der .htaccess eingefügt leider ohne Erfolg.
   Unter https://bilder.tom-k.com/one-pager#stuten können sie bei der ersten Stute Qui Petit im Tab Bilder das Problem sehen. Die Bilder werden in der Galerie Ansicht gezeigt leider nicht in der Lightbox. Bilder in Format .webp werden aber in der Lightbox angezeigt. Leider finde ich auch keinen Hinweis auf das Problem im Contao User Forum oder mit einer Suche über Google.

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 21 Oct, 2025 12:56 PM

   

   Die Colorbox selbst hat auch noch eine Konfiguration die angepasst werden muss. Erstellen Sie dafür bitte im Backend unter „Layout › Templates“ ein angepasstes j_colorbox.html5-Template und fügen folgende Zeile nach // Put custom options here ein:

   photoRegex: /\.(gif|png|jp(e|g|eg)|bmp|ico|webp|jxr|svg|avif|jxl|heic)((#|\?).*)?$/i,
   

   • Edit

4. 4 Posted by Thomas Klaffl on 22 Oct, 2025 12:59 PM

   

   Danke für die schnelle und kompetente Hilfe. Jetzt funktionieren auch die Bilder im *.avif Format in der Lightbox.
   Besten Dank

   • Edit