Moin Linuchs,

Kurzform: Javascript verändert die URL von Grafiken, Browser sucht erstmal nach den nicht vorhandenen Roh-URLs. Die vergebliche Suche möchte ich verhindern.

Vielleicht hab ich da noch Alternativen zu. https://michaeleskin.com/abctools/abctools.html hat eine Option Uke unter der Textarea, welches eine Erweiterung für Ukulele einblendet.

Du scheinst eher ein Chord Chart zu suchen?

Langform:

Moin,

in vielen Liedtexten zeige ich die Griffe für Ukulele-Akkorde. Jedes Lied hat zunächst eine Stamm-Tonart, z.B. C Dur.

Wie werden die gepflegt? Gibt Plugins für ABC-Notation in CMS.

Weil Javascript erst nach vollständigem Laden der Seite aktiv wird, versucht der Browser die nicht vorhandenen img wie

<img src="ukulele_griff_(0).png" alt="(0)">

zu laden. Das führt zwar nicht zu Fehlern, hält aber auf und ist unsauber programmiert.

Ich dachte, ich könnte das Laden mit

display: none;

verhindern, um die Grafiken per JS freizuschalten, aber der „Trick“ funktioniert nicht, Firefox will die fehlenden Roh-Grafiken trotzdem laden.

Ich sehe da gerne ein data-src-Attribut in Kombination mit einem leeren src. Konkret bei Lazy-Loading, bevor wir loading="lazy"-Unterstützung im Browser hatten.

Vielleicht lohnt es sich aber auch, die Elemente erst komplett in JavaScript zu generieren? Klingt so, als ob du da nicht viel Einfluss auf der Serverseite hast?