| Server IP : 104.21.96.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/peekmysite.com/wp-content/themes/sinatra/assets/js/ |
Upload File : |
"use strict";
/**
* Sinatra hover slider
*
* @since 1.0.0
*/
var sinatraHoverSlider = function sinatraHoverSlider(el) {
var current = 0,
spinner = el.querySelector('.si-spinner');
// Hide spinner
var hideSpinner = function hideSpinner() {
spinner.classList.remove('visible');
setTimeout(function () {
spinner.style.display = 'none';
}, 300);
el.querySelector('.hover-slider-backgrounds').classList.add('loaded');
};
el.querySelector('.hover-slide-bg').classList.add('active');
// Set background images from data-background
el.querySelectorAll('.hover-slider-backgrounds .hover-slide-bg').forEach(function (item, i) {
item.style.backgroundImage = 'url(' + item.getAttribute('data-background') + ')';
el.querySelector('.hover-slider-items > div:nth-child(' + (i + 1) + ')').style.setProperty('--bg-image', 'url("' + item.getAttribute('data-background') + '")');
item.removeAttribute('data-background');
});
// Wait for images to load
imagesLoaded(el.querySelectorAll('.hover-slider-backgrounds'), {
background: '.hover-slide-bg'
}, function () {
var preloader = document.getElementById('si-preloader');
// Wait for preloader to finish before we show fade in animation
if (null !== preloader && !document.body.classList.contains('si-loaded')) {
document.body.addEventListener('si-preloader-done', function () {
setTimeout(function () {
hideSpinner();
}, 300);
});
} else {
setTimeout(function () {
hideSpinner();
}, 300);
}
});
// Change backgrounds on hover
el.querySelectorAll('.hover-slider-item-wrapper').forEach(function (item) {
item.addEventListener('mouseenter', function () {
if (current !== sinatraGetIndex(item)) {
current = sinatraGetIndex(item);
el.querySelectorAll('.hover-slide-bg').forEach(function (item, i) {
item.classList.remove('active');
if (i === current) {
item.classList.add('active');
}
});
}
});
});
return el;
};
// Main
(function () {
// On ready event
document.addEventListener('DOMContentLoaded', function () {
// Init sliders
document.querySelectorAll('.si-hover-slider').forEach(function (item) {
sinatraHoverSlider(item);
});
});
})();