<object>-tag oder <div>-tag oder <img>-Tag

[mb]

Guten Tag Liebe Community,

Erklärung: Ich hab ne Frage zu den grafischen Elementen die ein Bild oder repitierte Bilder erzeugen. Ich habe per JavaScript mit Community Hinweisen ein animiertes Element erzeugt was sich komplett über das Anzeigefenster erstreckt. Ich habe unterschiedliche Methoden verwendet. Sie grafik ist immer ein pixel^2 groß.

• Image-<object> Bildwechsel über setAttributzeNode() des data-Attribut,

• <div>-Tag Bildwechsel mit css-Attribut: background mit repeat,

• <img>-Element Bildwechsel

bei <div>-element wo ich das 1pixelGrafik als background-Image repitiert habe ist das resultat unterschiedlich, wie bei <object> und <img> wo ich die Grafik einfach gestreckt habe über den anzegebereich.

Frage: Welches der drei methoden kommt der JS-Parser besser zurecht und frisst weniger resourcen und erzeugt glatte übergänge? Ich mein bei CSS Deklaration Background muss JS- oder HTML-Parser ja diesen einen Pixel für die gaze anzeigefläche wiederholen und das n bruchteil einer sekunde.

Liebe Grüße mb