WEBP-Dateien öffnen nicht modal mit 'shutter'

[Gonzo Gates]

Hallo Gemeinde,

vor einigen Monaten, als ich begann mich mit CMSimple zu beschäftigen, bin ich auf ein Posting gestoßen, in dem erzählt wurde, dass man Bilder in einer Seite modal öffnen könne, wenn man 'class="shutter"' verwendet.

Also 'fotopro'-Plugin rein kopiert ins CMS und ausprobiert. Hat gefunzt.

Jetzt habe ich eine WEBP-Datei in einer Seite mit 'shutter' versehen und die öffnet sich nur als Bild mit schwarzem Hintergrund im Browser. Über den Browser-Button 'Zurück' kommt man wieder zurück. Die Einbindung in Tiny über den Filebrowser konnte ich nur vornehmen, weil ich in der CMS-Konfiguration bei 'Extensions_userfiles:' 'webp' eingetragen hatte. Außerdem kann der Filebrowser WEBP-Dateien nicht als Vorschau darstellen, aber das gehört nicht hierher.

Die selbe Datei als PNG abgespeichert (Ich habe IrfanView genommen) funktioniert, wie gewollt. Ich habe nicht heraus gefunden, wo man da den Hebel ansetzen kann, dass 'fotopro' -> 'shutter' die WEBP-Datei so öffnet, wie andere Bilder (JEPG, JPG, PNG, GIF,...). Auch wenn ich in den Styles bei 'fotopro' ein wenig modifiziert habe, wie sich ein Bild öffnet oder schließt (Habe ich aber noch nicht bei klick auf 'X' in der oberen Leiste geschafft. aber dazu gibt es einen anderen Post), sollte das nicht ausschaggebend sein.

Dieser Aufruf in einer Seite funzt nicht

Code: Select all

<a class="shutter" title="Pemmikan WEBP" href="userfiles/images/0_Vorspeisen/pemmikan.webp"><img class="dor_right_border_rzpt" title="Pemmikan WEBP" src="userfiles/images/0_Vorspeisen/pemmikan.webp" alt=""></a>

Dieser Aufruf in einer Seite funzt

Code: Select all

<a class="shutter" title="Pemmikan PNG" href="userfiles/images/0_Vorspeisen/pemmikan.png"><img class="dor_right_border_rzpt" title="Pemmikan PNG" src="userfiles/images/0_Vorspeisen/pemmikan.png" alt=""></a>

Nachzuvollziehen unter http://dorilaraukft.bplaced.net/sites/C ... Testarossa ganz unten (Am besten mein 'Scroll To Bottom' Knöppi nutzen)

Gruß
Gonzo

[Gert]

Hallo Gonzo,

wenn Du .webp in CMSimple, FotoPro und ShutterMobile etablieren willst, sind neben der Konfiguration in CMSimple knapp 40 Änderungen in 4 Dateien notwendig. Die nächste CMSimple Version ist im Januar 2024 geplant, wenn bis dahin keine Bugs auftreten. Die .webp Integration habe ich fertig, habe aber keinen Bock auf .webp, also kannst Du das ja mal für mich testen

Fangen wir mit ShutterMobile an, ./plugins/fotopro/shutter/shutter_mobile.js Zeile 99 (bereits erweitert):

Code: Select all

if ( ext != '.jpg' && ext != 'jpeg' && ext != '.png' && ext != 'webp' && ext != '.gif' ) continue;

Und vielleicht gleich noch der Filebrowser, ./plugins/filebrowser/classes/filebrowser_view.php,

suchen nach: '/.jpg|.jpeg|.png|.gif/i'
ersetzen mit: '/.jpg|.jpeg|.png|.webp|.gif/i'

Sollte 9x passieren,

Gert

[Gert]

Hallo Gonzo,

bei dem Code für die "shutter_mobile.js Zeile 99" muss vor dem webp der Punkt weg, ich habe das im vorigen Post korrigiert, so dass der jetzt funktioniert,

Gert

[Gonzo Gates]

Hallo Gert,

ich war halt zu blöd und habe mir nicht das ganze Codeing durchgelesen...bitte um Nachsicht.

Das webp-Problem kommt daher, dass ich mir Vorschaubilder für meine Rezepte von einem goooßen Online-Suchanbieter für 'Gerichte Bilder' herunter lade, die dieses Format haben. Jetzt kommt auch noch das AVIF-Format ins Spiel. Hab ich auch keinen Bock drauf!

Du bist ein Titan. Nicht Prometheus, aber der Gerteus, der den Menschen ein simples CMS gibt (hoffentlich wirst du von Zeus dafür nicht bestraft), in meinen Augen. Es hat, vor einigen Jahren, auch mal einen Rehagles gegeben, nach dem diverse griechische Gerichte benannt wurden.

Ich habe alles, so wie du mir geheißen hast, reingeschmissen...und dem geht wunnibar!

Heißen Dank für die Untestützung!

Ist bei mir dokumentiert.

Gruß
Gonzo

Ach ja, bei FotoPro 5.Zwo (Das reimt sich) muss ich wieder meinen Werkzeugkasten heraus holen, um zu schrauben...