tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

FIX: Don't reload already loaded lazy images

Browse Source
This commit is contained in:
Tony Air 2020-06-28 17:44:41 +07:00
parent 6475a5a47b
commit 9338f78034
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/js/_main.js
View File

@ -406,7 +406,7 @@ const MainUI = (($) => {
// load all images
static loadImages() {
const $imgs = $Body.find('img');
const $imgs = $Body.find('img').not('.loaded');
const $imgUrls = [];
const $imgLazyUrls = [];
@ -435,24 +435,27 @@ const MainUI = (($) => {
});
// load lazy backgrounds
$Body.find('[data-lazy-bg]').each((i, el) => {
const $el = $(el);
const lazySrc = $el.data('lazy-bg');
$Body
.find('[data-lazy-bg]')
.not('.loaded')
.each((i, el) => {
const $el = $(el);
const lazySrc = $el.data('lazy-bg');
if (lazySrc && lazySrc.length) {
$imgLazyUrls.push(lazySrc);
$el.addClass('loading');
if (lazySrc && lazySrc.length) {
$imgLazyUrls.push(lazySrc);
$el.addClass('loading');
AjaxUI.preload([lazySrc]).then(() => {
$el.css({ 'background-image': `url(${lazySrc})` });
AjaxUI.preload([lazySrc]).then(() => {
$el.css({ 'background-image': `url(${lazySrc})` });
$el.addClass('loaded');
$el.removeClass('loading');
$el.addClass('loaded');
$el.removeClass('loading');
$el.trigger(`${Events.LAZYIMAGEREADY}`);
});
}
});
$el.trigger(`${Events.LAZYIMAGEREADY}`);
});
}
});
// load defined images
AjaxUI.preload($imgUrls).then(() => {
@ -490,12 +493,13 @@ const MainUI = (($) => {
// hide spinner on target _blank
$('[target="_blank"],.external').on('click submit', (e) => {
if($(e.currentTarget).is('[data-toggle="lightbox"],[data-lightbox-gallery]')){
if (
$(e.currentTarget).is('[data-toggle="lightbox"],[data-lightbox-gallery]')
) {
return false;
}
console.log(`${NAME }: External link`);
console.log(`${NAME}: External link`);
setTimeout(() => {
Spinner.hide(() => {
$Body.addClass('loaded');