Butona basınca içeriği gösterme |
6 Mesajlar | 877 Okunma | ||
- Üyelik 14.03.2020
- Yaş/Cinsiyet 20 / E
- Meslek Öğrenci
- Konum Diyarbakır
- Ad Soyad K** Y**
- Mesajlar 192
- Beğeniler 74 / 62
- Ticaret 1, (%100)
Merhaba, bir javascript cahili olarak sizlerden bir isteğim olacak. İnternette araştırdığım kadarıyla hiçbir kaynaktan bulamadım. Siteme bazı resimler ekliyorum ve bu resimlerin bir butona gizlenip, butona basıldığı zaman resimlerin açılacağı bir koda ihtiyacım var. Yardımcı olur musunuz ?
- Üyelik 23.10.2012
- Yaş/Cinsiyet 37 / E
- Meslek kimyager
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 666
- Beğeniler 94 / 138
- Ticaret 2, (%100)
let btn= document.querySelector("#btn"); // btn id button seç
let img= document.querySelectorAll("img"); // tüm resimleri seç
btn.addEventListener("click", ()=>{
img.forEach((item) => {
if (item.style.display !== "none") {
item.style.display = "none"
}else{
item.style.display = "initial"
}
})
})
örnek kod
wordpress-html-css-web işleri yapılır
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
https://jsfiddle.net/Abdullah61/gaq8knd5/ 
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
Hocam css kısmı tamamen size özgü, .container class ına da flex-direction: column; verirseniz alt alta gelir ama şekil bozulur. Orası sizin tasarımınıza bağlı
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)