Наши лучшие проекты
Розарий до преображения
Сад в запущенном состоянии перед применением наших советов
Розарий после преображения
Тот же сад через 1 год после применения наших методов
Плодовый сад до
Запущенный сад с минимальным урожаем
Плодовый сад после
Обильный урожай после применения наших методов
Ландшафтный дизайн до
Пустой участок без планировки
Ландшафтный дизайн после
Современный ландшафтный дизайн с зонами отдыха
document.addEventListener('DOMContentLoaded', function() {
// Фильтрация галереи
const filterButtons = document.querySelectorAll('.filter-btn');
const galleryItems = document.querySelectorAll('.gallery-item');
filterButtons.forEach(button => {
button.addEventListener('click', function() {
// Убираем активный класс со всех кнопок
filterButtons.forEach(btn => btn.classList.remove('active'));
// Добавляем активный класс текущей кнопке
this.classList.add('active');
const filter = this.getAttribute('data-filter');
galleryItems.forEach(item => {
if (filter === 'all' || item.getAttribute('data-category') === filter) {
item.style.display = 'block';
setTimeout(() => {
item.style.opacity = '1';
item.style.transform = 'translateY(0)';
}, 100);
} else {
item.style.opacity = '0';
item.style.transform = 'translateY(20px)';
setTimeout(() => {
item.style.display = 'none';
}, 300);
}
});
});
});
// Эффект при наведении на изображения
const images = document.querySelectorAll('.gallery-item img');
images.forEach(img => {
img.addEventListener('mouseenter', function() {
this.style.transform = 'scale(1.05)';
});
img.addEventListener('mouseleave', function() {
this.style.transform = 'scale(1)';
});
});
});