Seperti yang ditunjukkan di bawah ini:
/** * picLazyLoad The picture is delayed to load, including the background image* $(img).picLazyLoad({...}) * data-original Preload image address* alon */;(function($){ $.fn.imgLazyLoad = function(settings){ var $this = $(this), _winScrollTop = 0, _winHeight = $(window).height(); Pengaturan = $ .Extend ({Threshold: 0, // Placeholder Loading terlebih dahulu: 'Data: gambar/png; base64, ivborw0kggoaaaansuheugaaaaaaaAbcayaaaaffcsjaaaaaaxnsr0iars4c6qaaaarnq U1baacxjwv8yquaaaajcehzcwaadsqaaa7eazurdhsaaaansurbvbhxyzh8+pb/aufa0nnpuclaaaaaftksuqcc ' callback: function () {}}, Pengaturan || {}); // Jalankan gambar malas malas Lazyloadpik (); }); // Fungsi pemuatan gambar malas Lazyloadpik () {$ this.each (function () {var $ self = $ (this); if ($ self.is ('img')) {if ($ self.attr ('ifor')) {var _offsettop = $ self.offset (). + _winscrollTop)) {$ self.attr ('src', $ self.attr ('data-original')); Gambar Placeholder if ($ self.css ('latar belakang-gambar') == 'tidak ada') {$ self.css ('latar belakang-gambar', 'url ('+settings.placeHolder+')'); _winscrolltop)) {$ self.css ('latar belakang-gambar', 'url ('+$ self.attr ('data-origin')+')');Panggilan
$ ('img'). imglazyload ({callback: function (data) {})Artikel di atas piclazyload untuk mewujudkan pemuatan gambar yang tertunda (termasuk gambar latar belakang) adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.