modified: begushiybashkir/allPhoto/mainPhoto.jpg

deleted: begushiybashkir/allPhoto/photo_2025-08-13_22-22-55.jpg renamed: begushiybashkir/allPhoto/4qwz9_ZiZpU6HVwVa0gYxavRr2vtz5GzONPblfJFkmLkCBg7u-U2f_jILQWRpb4hDnnYuVHs-JsizxR0n_RYgG2M.jpg -> begushiybashkir/allPhoto/slider1.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-29.jpg -> begushiybashkir/allPhoto/slider10.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-30.jpg -> begushiybashkir/allPhoto/slider11.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-31.jpg -> begushiybashkir/allPhoto/slider12.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-34.jpg -> begushiybashkir/allPhoto/slider13.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-36.jpg -> begushiybashkir/allPhoto/slider14.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-37.jpg -> begushiybashkir/allPhoto/slider15.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-38.jpg -> begushiybashkir/allPhoto/slider16.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-39.jpg -> begushiybashkir/allPhoto/slider17.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-41.jpg -> begushiybashkir/allPhoto/slider18.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-43.jpg -> begushiybashkir/allPhoto/slider19.jpg renamed: begushiybashkir/allPhoto/50geYH7D5Sdv0JyVsCzwXOwf9S0AZY-VfEz2dkUjIC8iqf0i90_1TWpbkAalCkmk_NzTAD978-m9dK4481sH1Bno.jpg -> begushiybashkir/allPhoto/slider2.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-44.jpg -> begushiybashkir/allPhoto/slider20.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-47.jpg -> begushiybashkir/allPhoto/slider21.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-50.jpg -> begushiybashkir/allPhoto/slider22.jpg new file: begushiybashkir/allPhoto/slider3.jpg renamed: begushiybashkir/allPhoto/MainPhoto1.jpg -> begushiybashkir/allPhoto/slider4.jpg renamed: begushiybashkir/allPhoto/MainPhoto2.jpg -> begushiybashkir/allPhoto/slider5.jpg renamed: begushiybashkir/allPhoto/MainPhoto3.jpg -> begushiybashkir/allPhoto/slider6.jpg renamed: begushiybashkir/allPhoto/MainPhoto5.jpg -> begushiybashkir/allPhoto/slider7.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-27.jpg -> begushiybashkir/allPhoto/slider8.jpg renamed: begushiybashkir/allPhoto/photo_2025-08-13_22-22-28.jpg -> begushiybashkir/allPhoto/slider9.jpg renamed: begushiybashkir/allPhoto/-IpB6SO4w3czu57WpHRILQecfpnfYl--XAi0dLsktbPDg0HRthR1yX_xrc6yIJ4fs0vsXpxnBl40K_7MArdCHv5e.jpg -> begushiybashkir/allPhoto/zagir/-IpB6SO4w3czu57WpHRILQecfpnfYl--XAi0dLsktbPDg0HRthR1yX_xrc6yIJ4fs0vsXpxnBl40K_7MArdCHv5e.jpg renamed: begushiybashkir/allPhoto/34xV0jF7No0LV-4tMT4V8YVp9AhGNqramMwxKR5TzjR857GuSiSHghxPQgg0UXg7HPgwSQ5weoZuCAiYus7XCaSM.jpg -> begushiybashkir/allPhoto/zagir/34xV0jF7No0LV-4tMT4V8YVp9AhGNqramMwxKR5TzjR857GuSiSHghxPQgg0UXg7HPgwSQ5weoZuCAiYus7XCaSM.jpg renamed: begushiybashkir/allPhoto/7R3tXacvNpZfpjn-3M-Zq78kweKe5t_bUUCLynm7b9iwKNPZqyqFQhevjqitDn-Q8GRpGJZSwecrn-Gg2AcaKfnK.jpg -> begushiybashkir/allPhoto/zagir/7R3tXacvNpZfpjn-3M-Zq78kweKe5t_bUUCLynm7b9iwKNPZqyqFQhevjqitDn-Q8GRpGJZSwecrn-Gg2AcaKfnK.jpg renamed: begushiybashkir/allPhoto/F8Tn7pi0n9vgC5p1xtZuVJB9WTFdgMqCa6d4Pcx1LvCL9_SP6YMOiNx3jfPu5365h7C4JIvklQ6DFQ7o9pWI6n1y.jpg -> begushiybashkir/allPhoto/zagir/F8Tn7pi0n9vgC5p1xtZuVJB9WTFdgMqCa6d4Pcx1LvCL9_SP6YMOiNx3jfPu5365h7C4JIvklQ6DFQ7o9pWI6n1y.jpg renamed: begushiybashkir/allPhoto/IuIO58XcgyITp7u-nxv98_giL9RAPqA0Ou64Hv-RSccSBqVaJ4tF8ttI-XnMb57IdxWZOYAr-tfOr2G8-dDksxOT.jpg -> begushiybashkir/allPhoto/zagir/IuIO58XcgyITp7u-nxv98_giL9RAPqA0Ou64Hv-RSccSBqVaJ4tF8ttI-XnMb57IdxWZOYAr-tfOr2G8-dDksxOT.jpg renamed: begushiybashkir/allPhoto/JVKp07ubApAxESkcLN7Y44SCpclHDAJAre-bpEMeZfqW5h4Jvaw-czUSC8CpR5EbZzYtaVkE-vEuSx15BvwG2Ain.jpg -> begushiybashkir/allPhoto/zagir/JVKp07ubApAxESkcLN7Y44SCpclHDAJAre-bpEMeZfqW5h4Jvaw-czUSC8CpR5EbZzYtaVkE-vEuSx15BvwG2Ain.jpg renamed: begushiybashkir/allPhoto/MBt1Fi50c-0swicDcompcDMau69AtnpOHf4ww9M9jrULUtTSaMeadyecnmqzw8Xsmpon3m2mHjzYK3VCXKCsOcL2.jpg -> begushiybashkir/allPhoto/zagir/MBt1Fi50c-0swicDcompcDMau69AtnpOHf4ww9M9jrULUtTSaMeadyecnmqzw8Xsmpon3m2mHjzYK3VCXKCsOcL2.jpg enamed: begushiybashkir/allPhoto/_HPWM2Ok1DyxksDiHkOtNQdgCqkO8wWdLaK2RBPNbu6liCUwiiivqwtR6P1y12ATUbElNVHkVjiM94ZzOiH49maO.jpg -> begushiybashkir/allPhoto/zagir/_HPWM2Ok1DyxksDiHkOtNQdgCqkO8wWdLaK2RBPNbu6liCUwiiivqwtR6P1y12ATUbElNVHkVjiM94ZzOiH49maO.jpg renamed: begushiybashkir/allPhoto/bwnopBq78b6r0HeJK2FLskwlk2soeqV8AC-ve10-WH8XX8yy2aD5d8pc57pJnu8BcdZT8xneCGl7FpPTiCaGePQn.jpg -> begushiybashkir/allPhoto/zagir/bwnopBq78b6r0HeJK2FLskwlk2soeqV8AC-ve10-WH8XX8yy2aD5d8pc57pJnu8BcdZT8xneCGl7FpPTiCaGePQn.jpg renamed: begushiybashkir/allPhoto/eMsY_q4QXF58mRumDerwjaj82MY37q2PBdkZaLIZegcl18HgzifPvjaD0hIyPbNDOde2IZZNnV79ydbeYiCmVIPi.jpg -> begushiybashkir/allPhoto/zagir/eMsY_q4QXF58mRumDerwjaj82MY37q2PBdkZaLIZegcl18HgzifPvjaD0hIyPbNDOde2IZZNnV79ydbeYiCmVIPi.jpg renamed: begushiybashkir/allPhoto/eo3EVEbCACsiPNXupOsaIyVOTVLbCqWSm68NSutgeccGBdgOSbctQ0Gzr2I-fMjFsU2KADbVHQ3bwk_j6S7HAygl.jpg -> begushiybashkir/allPhoto/zagir/eo3EVEbCACsiPNXupOsaIyVOTVLbCqWSm68NSutgeccGBdgOSbctQ0Gzr2I-fMjFsU2KADbVHQ3bwk_j6S7HAygl.jpg renamed: begushiybashkir/allPhoto/iZQJZ4QSXeVvbg_bn-tnFM6o5qburXkdR1CEAruOiJzH8NORFIg8YgMqpGtdzNdhCxDsIJelIt3yUUmR9hkAEZK8.jpg -> begushiybashkir/allPhoto/zagir/iZQJZ4QSXeVvbg_bn-tnFM6o5qburXkdR1CEAruOiJzH8NORFIg8YgMqpGtdzNdhCxDsIJelIt3yUUmR9hkAEZK8.jpg renamed: begushiybashkir/allPhoto/koQkc-8N48CIK5Eyci_JTitKfy3Mj9WkTEv4755clOB_NCXKglQsIdIn__a3SNPFhvQapsayHRTUa0o8khpwordS.jpg -> begushiybashkir/allPhoto/zagir/koQkc-8N48CIK5Eyci_JTitKfy3Mj9WkTEv4755clOB_NCXKglQsIdIn__a3SNPFhvQapsayHRTUa0o8khpwordS.jpg renamed: begushiybashkir/allPhoto/mOZeq1KR1Umcyc4NO-YIilQRSBw7O--D-WYCfY0JBmmp7Zq2uPOVRMw64HR7-KXqCDiZIi8terx1AQXLhE-AZf9u.jpg -> begushiybashkir/allPhoto/zagir/mOZeq1KR1Umcyc4NO-YIilQRSBw7O--D-WYCfY0JBmmp7Zq2uPOVRMw64HR7-KXqCDiZIi8terx1AQXLhE-AZf9u.jpg modified: begushiybashkir/src/index.html new file: begushiybashkir/src/photo/slider/slider1.jpg new file: begushiybashkir/src/photo/slider/slider10.jpg new file: begushiybashkir/src/photo/slider/slider11.jpg new file: begushiybashkir/src/photo/slider/slider12.jpg new file: begushiybashkir/src/photo/slider/slider13.jpg new file: begushiybashkir/src/photo/slider/slider14.jpg new file: begushiybashkir/src/photo/slider/slider15.jpg new file: begushiybashkir/src/photo/slider/slider16.jpg new file: begushiybashkir/src/photo/slider/slider17.jpg new file: begushiybashkir/src/photo/slider/slider18.jpg new file: begushiybashkir/src/photo/slider/slider19.jpg new file: begushiybashkir/src/photo/slider/slider2.jpg new file: begushiybashkir/src/photo/slider/slider20.jpg new file: begushiybashkir/src/photo/slider/slider21.jpg new file: begushiybashkir/src/photo/slider/slider22.jpg new file: begushiybashkir/src/photo/slider/slider3.jpg new file: begushiybashkir/src/photo/slider/slider4.jpg new file: begushiybashkir/src/photo/slider/slider5.jpg new file: begushiybashkir/src/photo/slider/slider6.jpg new file: begushiybashkir/src/photo/slider/slider7.jpg new file: begushiybashkir/src/photo/slider/slider8.jpg new file: begushiybashkir/src/photo/slider/slider9.jpg modified: begushiybashkir/src/scripts/script.js modified: begushiybashkir/src/style/results.css new file: begushiybashkir/src/style/slider.css modified: begushiybashkir/src/style/style.css Add photo and add sliders
2025-08-19 12:49:40 +05:00
parent 45f4350fdb
commit abcb34ec18
65 changed files with 73 additions and 48 deletions
@@ -163,9 +163,9 @@
    <div class="slider-container">
      <h3>Наши моменты</h3>
      <div class="slider">
-        <img src="./photo/slider1.jpg" alt="Фото с соревнований">
-        <img src="./photo/slider2.jpg" alt="Тренировка клуба">
-        <img src="./photo/slider3.jpg" alt="Награждение">
+        <img src="./photo/slider/slider1.jpg" alt="Фото с соревнований">
+        <img src="./photo/slider/slider2.jpg" alt="Тренировка клуба">
+        <img src="./photo/slider/slider3.jpg" alt="Награждение">
      </div>
      <div class="slider-controls">
        <button class="slider-prev">←</button>
@@ -1,5 +1,4 @@
 window.onload = () => {
-    const saveContactsBtn = document.getElementById('saveAZContacts');
    const callBtn1 = document.getElementById('callButton1');
    const callBtn2 = document.getElementById('callButton2');
    const phoneNumber = '+79273093095';
@@ -7,6 +6,45 @@ window.onload = () => {
    callBtn1.addEventListener('click', () => { handleCall(phoneNumber) });
    callBtn2.addEventListener('click', () => { handleCall(phoneNumber) });

-    saveContactsBtn.addEventListener('click', () => {saveContact});
-};
+    // Инициализация слайдера
+    const sliderContainer = document.querySelector('.slider');
+    const slides = document.querySelectorAll('.slider img');
+    const prevBtn = document.querySelector('.slider-prev');
+    const nextBtn = document.querySelector('.slider-next');
+    let currentSlide = 0;
+    const slideCount = slides.length;

+    function updateSlider() {
+        const offset = -currentSlide * 100; // Сдвигаем контейнер
+        sliderContainer.style.transform = `translateX(${offset}%)`;
+    }
+
+    nextBtn.addEventListener('click', () => {
+        currentSlide = (currentSlide + 1) % slideCount;
+        updateSlider();
+    });
+
+    prevBtn.addEventListener('click', () => {
+        currentSlide = (currentSlide - 1 + slideCount) % slideCount;
+        updateSlider();
+    });
+
+    // Автопрокрутка
+    let slideInterval = setInterval(() => {
+        currentSlide = (currentSlide + 1) % slideCount;
+        updateSlider();
+    }, 5000);
+
+    sliderContainer.addEventListener('mouseenter', () => {
+        clearInterval(slideInterval);
+    });
+
+    sliderContainer.addEventListener('mouseleave', () => {
+        slideInterval = setInterval(() => {
+            currentSlide = (currentSlide + 1) % slideCount;
+            updateSlider();
+        }, 5000);
+    });
+
+    updateSlider();
+};
@@ -28,43 +28,3 @@
  padding-left: 20px;
  text-align: left;
 }
-
-/* Стили для слайдера */
-.slider-container {
-  max-width: 800px;
-  margin: 0 auto;
-  position: relative;
-}
-
-.slider {
-  display: flex;
-  overflow: hidden;
-  border-radius: 10px;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
-}
-
-.slider img {
-  width: 100%;
-  transition: transform 0.5s ease;
-}
-
-.slider-controls {
-  display: flex;
-  justify-content: center;
-  gap: 20px;
-  margin-top: 15px;
-}
-
-.slider-controls button {
-  background-color: #2e8b57;
-  color: white;
-  border: none;
-  padding: 8px 15px;
-  border-radius: 5px;
-  cursor: pointer;
-  transition: background 0.3s;
-}
-
-.slider-controls button:hover {
-  background-color: #1a3e23;
-}
@@ -0,0 +1,26 @@
+/* Слайдер */
+.slider-container {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    /* Установите нужный аспект (например, 16:9 = 56.25%) */
+    padding-top: 56.25%; 
+}
+
+.slider {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    transition: transform 0.5s ease-in-out;
+}
+
+.slider img {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* Сохраняет пропорции, обрезает лишнее */
+    object-position: center; /* Центрирует изображение */
+}
@@ -1,5 +1,6 @@
@import url("./input.css");
@import url("./results.css");
+@import url("./slider.css");

 body {
  font-family: "Arial", sans-serif;