Здравствуйте!
Всё работало нормально в HTML шаблоне.
Наводишь на ссылку то вставляется соответствующая картинка в другой блок.
Вывод картинки с заголовком
[[pdoResources?
&parents=`5`
&depth=`0`
&tpl=`Tpl_cat_imageTitles`
&includeTVs=`image_left_category`
]]
Вывод карточек с ссылкой
[[pdoResources?
&parents=`5`
&depth=`0`
&tpl=`Tpl_cat_card`
&includeTVs=`category_img, image_left_category`
]]
Как только посадил на ModX то стало криво работать.
Может не правильно вывожу?
document.addEventListener("DOMContentLoaded", function() {
let links = document.querySelectorAll('.link-cat');
for (let i = 1; i < links.length; i++) {
links[i].addEventListener('mouseover', (function(index) {
return function() {
showBlock(index);
};
})(i));
links[i].addEventListener('mouseout', (function(index) {
return function() {
hideBlock(index);
};
})(i));
}
function showBlock(index) {
document.querySelectorAll('.block-img img')[index].classList.add('visible');
document.querySelectorAll('.label-cat-img')[index].classList.add('visible');
}
function hideBlock(index) {
document.querySelectorAll('.block-img img')[index].classList.remove('visible');
document.querySelectorAll('.label-cat-img')[index].classList.remove('visible');
}
});
