This touchscreen toaster has an intuitive interface!

‘;
} );

sliderLightBoxEl.find( “.swiper-wrapper” ).append( galleryHtml );
let mySwiperSingleLightbox = new Swiper( “.gfl-single-slider-lightbox-wrap.swiper-container”, {
slidesPerView: 1,
spaceBetween: 0,
grabCursor: true,
navigation: {
nextEl: “.gfl-slider-single-lightbox-button-next”,
prevEl: “.gfl-slider-single-lightbox-button-prev”
},
keyboard: {
enabled: true,
onlyInViewport: false,
},
effect: “fade”,
on: {
init: function() {
sliderLightBoxEl.addClass( “loaded” );
}
}
} );
if( $( window ).height() < lightBoxCont.height() + 50 ) {
lightBoxCont.addClass( “fixed-top” );
}
mySwiperSingleLightbox.slideTo( imgIndex );
}
} );

$( “.gfl-single-slide-lightbox-close” ).on( “click”, function() {
$( “.gfl-single-slider-lightbox” ).fadeOut();
} );

$( document ).keyup( function( e ) {
if( e.keyCode === 27 ) $( “.gfl-single-slider-lightbox” ).fadeOut();
} );

$( window ).on( “resize”, function() {
if( $( window ).height() < lightBoxCont.height() + 50 ) {
lightBoxCont.addClass( “fixed-top” );
}
else {
lightBoxCont.removeClass( “fixed-top” );
}
} );

$( “html” ).one( “mousemove touchmove touchstart”, function() {
$( “.gfl-single-lazyload” ).each( function() {
let img = $( this ).attr( “data-gflssimg” );
$( this ).removeClass( “gfl-single-lazyload” );
$( this ).css( “background-image”, “url(” + img + “)” );
} );

$( “.gfl-single-lazyloadimg” ).each( function() {
let img = $( this ).attr( “data-gflimgsrc” );
$( this ).removeClass( “gfl-single-lazyloadimg” );
$( this ).attr( “src”, img );
} );
} );

} );