- Foundation
- jQuery
npm install tde-lozad
HTML
<div class="tde-lozad"
data-background-image="{{ background_image.src }}"
data-background-image-small="{{ background_image.src('small') }}"
data-background-image-medium="{{ background_image.src('medium') }}"
data-background-image-large="{{ background_image.src('large') }}"
data-background-image-xlarge="{{ background_image.src('xlarge') }}"
data-background-image-xxlarge="{{ background_image.src('xxlarge') }}"
data-background-image-xxxlarge="{{ background_image.src('xxxlarge') }}"></div>
JavaScript
import tdeLozad from 'tde-lozad';
$(document).on('ready', function(){
const observer = tdeLozad();
observer.observe();
})