2024 və 2023-cü illərdə Aztech şirkəti tərəfindən bir çox Sosial Məsuliyyət Layihələri həyata keçirilmişdir. Layihələrimia ilə aşağıdakı təqdimatda tanış ola bilərsiz. < > #slideshow-container { position: relative; width: 80%; margin: 0 auto; text-align: center; padding: 20px 0; background-color: #f5f5f5; /* Arxa fon rəngi */ border-radius: 10px; /* Çərçivə */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Şəffaf kölgə */ overflow: hidden; } .slide { display: none; /* Başlanğıcda bütün şəkillər gizlidir */ width: 100%; } .slide img { width: 60%; /* Şəkilləri 40% kiçiltmək */ height: auto; border-radius: 10px; transition: transform 0.5s ease-in-out; } #slideshow-container .prev, #slideshow-container .next { position: absolute; top: 50%; font-size: 30px; color: #fff; background-color: #0E5AF2; /* Buton rəngi */ padding: 15px; cursor: pointer; border-radius: 50%; /* Dairəvi düymə */ transform: translateY(-50%); z-index: 10; border: none; /* Kənar xətti aradan qaldırır */ outline: none; /* Butonların ətrafındakı xətt */ box-shadow: none; /* Butonların ətrafındakı kölgə */ } #slideshow-container .prev, #slideshow-container .next { text-decoration: none; /* Buton mətni altındakı xətti aradan qaldırır */ } #slideshow-container .prev { left: 10px; } #slideshow-container .next { right: 10px; } /* Animasiya üçün */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .slide { animation: fadeIn 1s ease-in-out; } let currentSlide = 1; const totalSlides = 6; // Şəkil sayı // Slaydlara keçid etmək üçün funksiyalar function navigateSlide(direction) { if (direction === 'next' && currentSlide < totalSlides) { currentSlide++; } else if (direction === 'prev' && currentSlide > 1) { currentSlide--; } showSlide(currentSlide); } // Hər bir slaydı göstərmək function showSlide(slideNumber) { // Bütün slaydləri gizlət const slides = document.querySelectorAll('.slide'); slides.forEach(slide => slide.style.display = 'none'); // Müvafiq slaydı göstər const slideElement = document.querySelector(`#slideshow-container .slide:nth-child(${slideNumber})`); slideElement.style.display = 'block'; } // Sayta daxil olduqda ilk slaydı göstər document.addEventListener('DOMContentLoaded', () => { showSlide(currentSlide); });
