всем привет! такой вопрос: делаю галерею для прошедших событий. в галерее предусмотрено два фильтра в виде селектов, по категории и событию.
так как я предполагаю, что в итоге фотографий будет слишком много в галерее, что бы они все не грузились, я последнему событию в секте ставлю "selected", при загрузке странице селект ставится, но фильтрация по нему не происходит.
как бы это исправить?
скрипт не сложный
<script>
let filterCategory = document.getElementById('categories-dropdown');
let filterEvents = document.getElementById('archives-dropdown');
let filter = function (){
let item = document.getElementsByClassName('img-item');
for (let i = 0; i<item.length; i++){
if ((filterCategory.value == 'all' || filterCategory.value == item[i].dataset.category) &&
(filterEvents.value == 'all' || filterEvents.value == item[i].dataset.event)) {
item[i].style.display = 'block';
} else {
item[i].style.display = 'none';
}
}
};
filterCategory.addEventListener('change', filter);
filterEvents.addEventListener('change', filter);
</script>