TDE Lozad

Requirements

• Foundation
• jQuery

Install

npm install tde-lozad

Usage

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();
})