diff --git a/src/js/lightslider.js b/src/js/lightslider.js index f93164a..2120b95 100644 --- a/src/js/lightslider.js +++ b/src/js/lightslider.js @@ -26,6 +26,7 @@ verticalHeight: 500, vThumbWidth: 100, thumbItem: 10, + thumbLazyLoad: false, pager: true, gallery: false, galleryMargin: 5, @@ -357,7 +358,8 @@ if (settings.gallery === true) { var thumbAlt = $children.eq(i * settings.slideMove).find('img').attr('alt'); var thumbAltMarkup = (typeof thumbAlt !== 'undefined') ? 'alt="' + thumbAlt + '"' : ''; - pagers += '
  • '; + var thumbLazyloadMarkup = settings.thumbLazyLoad ? ' loading="lazy"' : ''; + pagers += '
  • '; } else { pagers += '
  • ' + (i + 1) + '
  • '; } @@ -380,7 +382,7 @@ } } var $cSouter = $slide.parent(); - $cSouter.find('.lSPager').html(pagers); + $cSouter.find('.lSPager').html(pagers); if (settings.gallery === true) { if (settings.vertical === true) { // set Gallery thumbnail width @@ -453,7 +455,7 @@ setCss(); if (!interval) { $this.auto(); - } + } }else{ obj.find('img').on('load', function () { setTimeout(function () { @@ -879,7 +881,7 @@ $(window).on('focus', function(){ $this.auto(); }); - + $(window).on('blur', function(){ clearInterval(interval); }); @@ -1082,7 +1084,7 @@ } } return sc + 1; - }; + }; $el.getTotalSlideCount = function () { return $slide.find('.lslide').length; }; @@ -1107,7 +1109,7 @@ $el.refresh = function(){}; $el.getCurrentSlideCount = function(){}; $el.getTotalSlideCount = function(){}; - $el.goToSlide = function(){}; + $el.goToSlide = function(){}; $el.lightSlider = null; refresh = { init : function(){}