| Server IP : 162.0.217.223 / Your IP : 216.73.216.168 Web Server : LiteSpeed System : Linux premium269.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : mypckeys ( 1539) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/mypckeys/yeslicense.org/wp-content/themes/woodmart/js/scripts/global/ |
Upload File : |
/* global xts_settings */
(function() {
woodmartThemeModule.cssAnimations = function() {
var options = {
root: null,
rootMargin: '0px',
threshold: 0
}
var elementsToObserve = document.querySelectorAll('.wd-animation');
var callback = function(entries, observer) {
entries.forEach(function (entry) {
// Check if the observed element is intersecting
if (entry.isIntersecting) {
// Perform your desired actions when the element is in view
animate(entry.target);
observer.unobserve(entry.target);
}
});
};
var animate = function(target) {
if ( target.classList.contains('wd-animation-ready')) {
return;
}
var delay = 0;
target.classList.forEach((classname) => {
if (classname.includes('wd_delay_')) {
delay = classname.split('_')[2];
}
})
target.classList.add('wd-animation-ready');
setTimeout(function() {
target.classList.add('wd-animated');
}, delay)
}
// Create an IntersectionObserver instance for each element
elementsToObserve.forEach(function (element) {
if ( element.closest('.wd-slider') ) {
return;
}
var observer = new IntersectionObserver(callback, options);
observer.observe(element);
});
};
document.addEventListener('DOMContentLoaded', function() {
woodmartThemeModule.cssAnimations();
});
})();