• 10-10-2024, 12:37:39
    #1
    Merhabalar. İdeasoft alt yapılı web sitem var. Bir sayfaya slider yapmaya çalışıyorum fakat resimler gözükmüyor.

    kod:
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }

    .slider {
    position: relative;
    max-width: 800px;
    margin: auto;
    overflow: hidden;
    }

    .slides {
    display: flex;
    transition: transform 0.5s ease;
    }

    .slide {
    min-width: 100%;
    box-sizing: border-box;
    }

    img {
    width: 100%;
    display: block;
    }

    button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    cursor: pointer;
    padding: 10px;
    }

    .prev {
    left: 10px;
    }

    .next {
    right: 10px;
    }
    </style>
    <div class="slider">
    <div class="slides">
    <div class="slide"><img src="C:UsersVOLKANDownloadsSALONgg.jpeg" alt="Resim 1" /></div>
    <div class="slide"><img src="C:UsersVOLKANDownloadsSALONff.jpeg" alt="Resim 2" /></div>
    <div class="slide"><img src="C:UsersVOLKANDownloadsSALONdd.jpeg" alt="Resim 3" /></div>
    </div>
    <button class="prev" onclick="changeSlide(-1)">❮</button> <button class="next" onclick="changeSlide(1)">❯</button></div>
    <script>
    let currentSlide = 0;

    function showSlide(index) {
    const slides = document.querySelectorAll('.slide');
    if (index >= slides.length) {
    currentSlide = 0;
    } else if (index < 0) {
    currentSlide = slides.length - 1;
    } else {
    currentSlide = index;
    }
    const offset = -currentSlide * 100;
    document.querySelector('.slides').style.transform = `translateX(${offset}%)`;
    }

    function changeSlide(step) {
    showSlide(currentSlide + step);
    }

    // Otomatik geçiş
    setInterval(() => {
    showSlide(currentSlide + 1);
    }, 3000);
    </script>
  • 10-10-2024, 12:38:45
    #2
    Merhaba, Kodunda resimlerin görünmemesinin nedeni, resimlerin dosya yolunu yerel bir bilgisayar dosya sistemine göre göstermiş olman.
    • Adanada
    Adanada bunu beğendi.
    1 kişi bunu beğendi.
  • 10-10-2024, 12:39:09
    #3
    <div class="slide"><img src="https://seninsiten.com/uploads/SALONgg.jpeg" alt="Resim 1" /></div>
    <div class="slide"><img src="https://seninsiten.com/uploads/SALONff.jpeg" alt="Resim 2" /></div>
    <div class="slide"><img src="https://seninsiten.com/uploads/SALONdd.jpeg" alt="Resim 3" /></div>
    düzelecektir bu şekilde yaparsan
    • Adanada
    Adanada bunu beğendi.
    1 kişi bunu beğendi.
  • 10-10-2024, 12:42:51
    #4
    ama resimleri bilgisayardaki dosyadan çektirmeye çalışıyorum
  • 10-10-2024, 12:45:19
    #5
    bilgisayardaki resimleri site.com
    public_html
    veya public_ftp dizinine yüklemeniz gerekir.
  • 10-10-2024, 12:45:47
    #6
    https://hizliresim.com/downikp
    mesela ekledim. bunu da yazıyorum. yine gözükmüyor.
  • 10-10-2024, 12:47:22
    #7
    bu adresi girerseniz olacaktır;
    https://i.hizliresim.com/downikp.jpeg
  • 10-10-2024, 12:48:04
    #8
    ancak farklı bir siteden resim göstermek, sitenin değerini düşürebilir. En mantıklı olanı ideasoft ile iletişime geçip kalıcı bir çözüm üretmektir.
  • 10-10-2024, 12:48:37
    #9
    hocam allah razı olsun