Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:php:snippets:lazy_load

Dies ist eine alte Version des Dokuments!


Lazy Load


nachladen von Grafiken welche außerhalb des sichtbaren Bereichs sind.

https://t3n.de/news/jquery-unveil-wahrscheinlich-475653/

JTL Forum:
https://forum.jtl-software.de/threads/wie-kann-ich-bilder-im-content-den-lazy-load-effekt-zuweisen.122966/#post-671571

<img alt="mein Testbild" class="lazy img-responsive" src="media/image/product/1206/md/bild.jpg" />
$(function() {
  $("img:not([src])").lazy(($(window).height() / 2), function() {
   // hier blabla wenn in der Zwischenzeit Schmetterlinge über den Bildschirm fliegen sollen
   <img src="preloader.gif />
  });
});
Diese Website verwendet nur für den Betrieb notwendige Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer sowie den Datenschutzbestimmungen zu. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren/php/snippets/lazy_load.1570965939.txt.gz · Zuletzt geändert: 13/10/2019 12:25 (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki