Aloha ;)

Du schreibst, dass die Information zur Tonart durch JavaScript eingespeist wird - das heißt entweder, dass die Tonart zum Zeitpunkt des Seitenaufrufs noch nicht klar ist oder, dass du imho von vornherein auf die falsche Technologie dafür gesetzt hast.

Ich bleibe mal beim entweder, für den oder-Fall kann man dir vermutlich nicht weiterhelfen.

Im entweder-Fall müsste die Auswahl der Tonart ja durch ein select o.ä. geschehen? Da dieses ja dann auch über eine defaultmäßig ausgewählte Option verfügt müsstest du ja eigentlich in der Lage sein, diese default-Tonart von Anfang an als img-Source zu verwenden und auf die Platzhalter zu verzichten.

Alternativ könntest du auch custom-Elemente (x-) einsetzen, die als Information die Platzhalter-Urls tragen und die imgs dann erst nach Tonart-Auswahl mit Javascript aus den custom-Platzhaltern generieren und diese ersetzen.

Dritte Option: verwende als src überall die selbe 1px-Grafik (die der Browser dann cached) und gib die Information über die URL als data-Attribut mit...

Grüße,

RIDER