j-LazyImages

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Καλό να ξέρεις:

Το συστατικό προσπαθεί να βρει όλα τα στοιχεία <img με το χαρακτηριστικό data-src="" και αν το στοιχείο είναι ορατό τότε το συσταμένο θα ενημερώσει το χαρακτηρισμό src="" με την τιμή από το χαρακτηριστικά data-src="".

ΕΠΙΤΡΟΦΗ:

type {String} ένα είδος (position ή offset) για την απόκτηση θέσης (προεπιλογή: position)
offsetter {String} προαιρετική, γονική επιλεκτή για την απόκτηση θέσης
Χρησιμοποιήσατε μια προσαρμοσμένη γραμμή στροφής customscrollbar {Boolean}; (προεπιλογή: false)

Χρησιμοποιήστε το με <ui-component name="lazyimages">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

example.html

<ui-component name="lazyimages">

	<div>SCROLL DOWN</div>
	<div style="height:1000px"></div>

	<!-- EMPTY GIF -->
	<!-- YOU CAN USE ENCODED SVG WITH PREDDEFINED SIZE -->
	<img src="data:image/gif;base64,R0lGODlhAQABAPAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://cdn.pixabay.com/photo/2019/08/26/01/13/pacific-4430530_1280.jpg" />

</ui-component>