Здравствуйте! Использую fancybox для галереи, то есть когда мне необходимо открыть изображение на весь экран, fancybox открывает его в модальном окне, создавая прям над закрывающим тегом body div с id "fancybox", в котором лежит эта увеличенная картинка (надеюсь доходчиво объяснил)
Так вот, мне надо создать функцию, которая будет отслеживание появление id fancybox и как только он появится, выполнять нужное мне действие, а именно добавлять стиль другим элементам.
В JS не селен, вот только-только начал изучать и вот что сделал:
var rigth = document.getElementById("icross_bar");
var imgBottom2 = document.getElementsByTagName('section')[0];
document.addEventListener("mousemove", changeColor, false);
function changeColor() {
if (document.getElementById('fancybox')) {
imgBottom2.style.animation = "blur 1s paused";
} else {
imgBottom2.style.animation = "none";
}
}
Если на странице обнаруживается id fancybox, то выполняется условие, так как в данном случае проверка пройдет один раз при запуске скрипта, а мне надо, чтобы он постоянно проверял (так как фото могут в любой момент открыть), то я поместил это в addEventListener с атрибутом "mousemove", таким образом заставим постоянно проверять наличие Id
Можете ли вы предложить код получше? Большое спасибо!