Merhabalar. Banner üzerinde Göster/Gizle butonu nasıl yapılır.
Büyük ebatta banner olacak. "Gizle" denildiğinde küçülecek ve küçük banner çıkacak.
Bununda üstünde "Göster" butonu olacak ve tıklandığında eski halini yani büyük halini alacak.
http://prntscr.com/okso1n
Örnek vermek gerekirse : https://www.kitapsec.com/
Örnek ile: "Göster/Gizle" ile kullanışlı bir banner nasıl oluşturulur? |
14 Mesajlar | 2.821 Okunma | ||
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
- Üyelik 21.02.2014
- Yaş/Cinsiyet 31 / E
- Meslek Bu yolun yolcusu
- Konum Balıkesir
- Ad Soyad Z** K**
- Mesajlar 362
- Beğeniler 63 / 65
- Ticaret 0, (%0)
Buyrun fikir verir size
http://jquery.sitesi.web.tr/jquery-gizle-goster.html
http://jquery.sitesi.web.tr/jquery-gizle-goster.html
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
Buyrun fikir verir size
http://jquery.sitesi.web.tr/jquery-gizle-goster.html
http://jquery.sitesi.web.tr/jquery-gizle-goster.html
zekaigulin hocam sizdeki örnekte Yazı altında buton var ve komple gizleniyor. ama resmin üstünde şeklinde yok. Örnek verdiğim sitede ki gibi. Resim küçülecek. ve büyüyecek.
- Üyelik 29.10.2016
- Yaş/Cinsiyet 33 / E
- Meslek Öğretmen
- Konum Konya
- Ad Soyad O** K**
- Mesajlar 1116
- Beğeniler 499 / 498
- Ticaret 16, (%100)
2 adet banner olacak div ile id verirsiniz. ac classli butona tıklayınca küçük banneri hide yapip büyük banneri show yapar ve buton classini kaldirip yeni bir kapat classi eklersiniz. kapat classli butona tiklayinca da tam tersini yaparsınız.
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
2 adet banner olacak div ile id verirsiniz. ac classli butona tıklayınca küçük banneri hide yapip büyük banneri show yapar ve buton classini kaldirip yeni bir kapat classi eklersiniz. kapat classli butona tiklayinca da tam tersini yaparsınız.
abi işte yazması kolay da yapması zor. alıntı olarak aşağıdakini buldum ama yazıya tıklama kısmı yapamıyorum. tıklandığı zaman küçük resim çıksın, birdaha tıklandığı zaman büyük resim.
Lorem ipsum
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
derlem toplama şu şekilde birşeyler yapmaya çalıştım olmadı ama en azından resimin üstüne buton atabildim.
şimdi sıra butona tıkladığımda resim küçülsün. tıkladığımda büyüsün kısmını yapmak. inşallah yaparım
<script>
function gizleGoster(ID) {
var secilenID = document.getElementById(ID);
if (secilenID.style.display == "none") {
secilenID.style.display = "";
} else {
secilenID.style.display = "none";
}
}
</script>
Gizlenip gösterilen nesne
şimdi sıra butona tıkladığımda resim küçülsün. tıkladığımda büyüsün kısmını yapmak. inşallah yaparım
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
2 adet banner olacak div ile id verirsiniz. ac classli butona tıklayınca küçük banneri hide yapip büyük banneri show yapar ve buton classini kaldirip yeni bir kapat classi eklersiniz. kapat classli butona tiklayinca da tam tersini yaparsınız.
carasar hocam bundan sonraki iş sende olsun. buraya kadar getirdim.yardımcı olursan sevinirim.
<script>
function gizleGoster(ID) {
var secilenID = document.getElementById(ID);
if (secilenID.style.display == "none") {
secilenID.style.display = "";
} else {
secilenID.style.display = "none";
}
}
</script>
- Üyelik 29.10.2016
- Yaş/Cinsiyet 33 / E
- Meslek Öğretmen
- Konum Konya
- Ad Soyad O** K**
- Mesajlar 1116
- Beğeniler 499 / 498
- Ticaret 16, (%100)
Hocam evde değilim yanımda pc yok. Salı gününe ancak dönerim.
- Üyelik 01.07.2017
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum Amasya
- Ad Soyad A** Ö**
- Mesajlar 50
- Beğeniler 20 / 10
- Ticaret 0, (%0)
Hocam evde değilim yanımda pc yok. Salı gününe ancak dönerim.
Bekliyorum hocam. O vakite kadar bende uğraşırım hatta yardımcı olan biri çıkar belki
EDİT: http://jsfiddle.net/h7cLkrqg/
şu siteyi bulup canlı olarak çalışmayı test edebiliyoruz. yapılan değişikliklerde sol üst köşede "RUN" butonu ile canlı izlenebiliyor.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)