joshua-picture-loader v0.0.5

PictureLoader

Use the sessionStorage, loading pictures will first check whether there is no expired sessionStorage resources, if any, then directly from the local load; otherwise, request online resources.

tip：sessionStorage has a size limit, if the image size exceeds the limit, it will not be stored locally, still use online resources

initialize 1：insert to dom after load

step 1

<div class="preload" data-source="image/source.jpg"></div>

step 2

let loader = new PictureLoader({
  	className: 'preload',
});

initialize 2：load the image source only

let loaderQueue = new PictureLoader({
    sourceQueue: [
        'image/1.jpg',
        'image/2.jpg',
        'image/3.jpg',
        'image/4.jpg',
        'image/5.jpg',
    ],
});

start to load

loader.load();

html attribute

initialize options

className & sourceQueue two choose one

static property