İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Programlama
  4. Web Programlama (PHP, ASP, HTML, CSS, JavaScript)
Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

Javascript'siz Slider'da id Sorunu

mali201219.04.20201 cevap758 görüntüleme
2012'den beri157 mesaj
#1
Merhabalar. Ben internetten bir slaydır yapımına baktım da; resimlerin görünmesini sağlayamadım. Kodları aşağıda veriyorum.

"slider.php" sayfasının kodları aşağıda
<center>

<div id="container">
    <input type="radio" name="icon" id="btn1">
    <input type="radio" name="icon" id="btn2">
    <input type="radio" name="icon" id="btn3">
    <input type="radio" name="icon" id="btn4">


    <img src="images/buyuk-slider/slider.1.jpg" id="img1">
    <img src="images/buyuk-slider/slider.2.jpg" id="img2">
    <img src="images/buyuk-slider/slider.3.jpg" id="img3">
    <img src="images/buyuk-slider/slider.4.jpg" id="img4">

    </div>

</center>


style.css in kodları aşağıda

#container {
width: 660px;
height: 520px;
position: relative;
top: 100px;
overflow: hidden;

}


#container img {
width: 0px;
position: absolute;
width: 0px;
border-radius: 10px;
top: 0px;
transition-duration: 2.5s;

}

input[type="radio"] {
width: 140px;
height: 90px;
position: absolute;
bottom: 30px;
width: 15px;
-webkit-appearance:none;
cursor: pointer;
outline: none;
border-radius: 5px;
}

#btn1 {background-image: url(images/buyuk-slider/slider.1.jpg); background-size: cover;}
#btn2 {background-image: url(images/buyuk-slider/slider.1.jpg); background-size: cover; margin-width: 165px;}
#btn3 {background-image: url(images/buyuk-slider/slider.1.jpg); background-size: cover; margin-width: 325px;}
#btn4 {background-image: url(images/buyuk-slider/slider.1.jpg); background-size: cover; margin-width: 485px;}



#btn1:checked{border:3px solid #00bcd4}
#btn2:checked{border:3px solid #00bcd4}
#btn3:checked{border:3px solid #00bcd4}
#btn4:checked{border:3px solid #00bcd4}


#btn1:checked ~ #img1 {
    width:660px;
    z-index:99;  
}


#btn2:checked ~ #img2 {
    width:660px;
    z-index:99;  
}


#btn3:checked ~ #img3 {
    width:660px;
    z-index:99;  
}


#btn4:checked ~ #img4 {
    width:660px;
    z-index:99;  
}


"div" e "id" olarak "container" verdiğimde de çıkmıyor. Başka bir şey mesela "slider" versemde çıkmıyor. Yardım edebilir imisiniz?
Cevaplar
mali2012 Konuyu açan
2012'den beri157 mesaj
#2
Slider'ı değiştirdim, sorun çözüldü. Teşekkür ederim.

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.