App Store Badge wird nicht angezeigt

[Rolf B]

Hallo Mr.Circul,

okay.

tieflufthol

Tust Du nicht. Zumindest hast Du es nicht publiziert. Wenn ich die Seite aufrufe, kommt was ganz anderes.

Dann tu doch bitte, was ich Dir vorgeschlagen habe, und mach nicht irgendwas anderes hinein.

• Von `style="width: 115" habe ich abgeraten. Statt dessen nimmst Du es überall.
• Nimmm width="115". Lies nochmal, was ich über Attribute und CSS Eigenschaften schrieb.
• Kein data-recalc-dims Attribut. Ich würde behaupten, dass Du das bei Angabe einer eigenen width nicht brauchst.

Die Lazyload Logik benötigt, so wie ich das sehe, folgende Bausteine:

• die korrekte Bild-URL steht unter "data-src".
• unter "src" steht eine data-URL mit einem 1x1 Pixel Bild
• mit class="lazyload" wird das Lazy Loading für dieses Bild aktiviert
• der <noscript> Block dient dazu, bei deaktiviertem JavaScript ein statisches Bild anzuzeigen.

Aber es passt nicht mit data-recalc-dims zusammen. Dieses Attribut scheint Wordpress dazu zu bewegen, width und height beim Laden der Seite zu berechnen und an das img Element zu kleben. In dem Moment ist aber noch das 1x1 Bild da. Der Lazyloader ersetzt die width- und height Attribute aber nicht, und darum siehst Du nichts. Deshalb: Weg mig data-recalc-dims, und feste Angabe von width="115".

Wenn Du auf Lazy Loading verzichtest, wird alles viel kompakter.

• Entferne das fette <img> Element vor dem <noscript> Block.
• Entferne <noscript> und </noscript> und lass das schlanke <img> Element zwischen den beiden stehen.

Wenn Du in mein Posting von heute 10:24 schaust, dann nimm nur den zweiten Beispielblock. Der erste ist eine Kopie dessen, was ich bei Dir fand, und keine Vorlage. Ich mach das gleich noch rot und grün.

Rolf