Bilder mit Script 10x wiederholen

[Gunnar Bittersmann]

@@Manuel123:

nuqneH

@@Manuel123:

nuqneH
[…]
Qapla'

Vorweg: zitiere bitte sinnvoll, nicht alles.

Das ganze sollte am Client laufen, also in Javascript.

Du könntest die Daten in ein JSON-Objekt packen und
dann per Script das DOM mit den entsprechenden Werten generieren. Aber …

Welche Gründe es gibt die Bilder absolutzu positionieren?
Ich habe aktuell eine Tabelle aufgebaut, und alle Bilder aneinandergereiht, das ganze braucht ca. 4kByte, mit der absoluten Positionierung ( damit die Überlagerung 2er Bilder funktioniert ) würde ich mithilfe der Schleife, eben diese 3kByte ca. sparen ( 1kByte wird vmtl. ca. Code + Script benötigen ).

Was für zwei Bilder? Lampe und Schalter?

Und das ganze besteht aus Einzelbildern, die ich auch ändern können muss.

Schalter an, Lampe an?

Das Ganze muss nur ein Bild sein – und zwar eine Vektorgrafik (SVG), keine Pixelgrafik (elches Grafikformat verwendest du gerade, PNG?).

Da SVG (wie HTML) ein DOM erzeugst, kannst du das Bild dynamisch ändern. Bspw. wiederverwendbare Gruppen für „an“ und „aus“ definieren und diese dynamisch austauschen.

Der Vorteil von SVG ist nicht nur, dass die Grafik in ihrer Größe skalierbar ist und dabei immer scharf bleibt, sondern das das Ganze mit deutlich weniger Dateigröße auskommt als dein bisheriger Ansatz.

Qapla'