Verbesserungsvorschlag für die Einbindung von unveil

[Torsten Riemer]

Hier ein Verbesserungsvorschlag für die Einbindung von unveil mit entsprechender Erklärung: ​Thumbnails werden nicht geladen tpl_modified

[Markus Rehm]

Also ich halte die Methode nicht für wirklich sinnvoll bzw. optimal.
Wenn man das so umsetzt passiert folgendes...

Die Seite lädt ...

• es ist kein "src" im Image-Tag vorhanden
• ergo kommt erstmal ein "Broken Image"-Symbol vom Browser
• dann zündet das Javascript und es kommt kurz das loading.gif
• dann kommt das Bild

Markus

[p3e]

Ich vermute, dass das "Broken Image" daher kommt, dass ich für loading.gif eine falsche URL angegeben hatte. Richtig wäre "​https://dev.modified-shop.org/templates/tpl_modified_responsive/css/images/loading.gif".
Bei mir erscheint kein "Broken Image", kann aber auch am ganz neuen Rechner liegen ...

Ich habe aber noch eine neue noch kürzere Version:
​https://www.modified-shop.org/forum/index.php?topic=39719.msg359334#msg359334

[Torsten Riemer]

Wieso arbeitest du nicht mit dem $tpl_path? Eine mögliche Lösung sollte ja für alle Domains funktionieren.

[p3e]

Das sollte nur ein leicht verständliches Beispiel sein und ich hatte gerade kein Template zur Hand da ich Urlaub habe. Deshalb habe ich den Quellcode vom Demoshop genommen ;)
Ich denke das ist eigentlich kein Problem das mit den entsprechenden Variablen ins Template einzufügen.
Außerdem ist es immer mal wieder ganz gut, sich auch den html-Output anzusehen um den Code zu optimieren.

Ich habe das ursprünglich für die Portfolio Webseite (CMS) meiner Frau (Illustratorin) gemacht. Ich hatte den Ehrgeiz den Pagespeed ihrer Seite zu optimieren und das hat direkt ein paar Punkte gebracht.

[Gerhard Waldemair]

In 13252:

fix #1557 - update template for new image handling

[Markus]

In 13881:

fix #1557 - update tpl_modified - replace unveil with lazysizes

[Torsten Riemer]

In 13888:

addition on r13881 (fix #1557 - update tpl_modified - replace unveil with lazysizes)