19 Temmuz 2017 Çarşamba

Efektli Bir Şekilde Resmi Gizleme ve Gösterme

Bugün Sizlere Siteniz İçin Efektli Resmi Gizleme ve Göstermeyi Nasıl Yapacağınızı Öğreteceğim. Sitenizdeki Reklamları Tek Tıkla Gizleyebilrisiniz.
Aşağıda Bir Örneğini Verdim Daha Detaylı Görebilirsiniz.
Altta verdiğim kodu sitenizde belirlediğiniz bir yere ekletin kodlarda
<button id="btn">Tıkla Tüm Resimleri Gizle</button>
<button id="btn2">Tıkla Tüm Resimleri Göster</button>
<button id="btn3">Tüm Resimleri Göster/Gizle</button>
bulunan kısımdaki yazıları kendinize göre ayarlıyın.


<!DOCTYPE HTML>
<html lang="en-US">
<head>
<script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">

$(function(){
$("#btn").click(function(){
$("img").hide(400); /* hide()  */
});
$("#btn2").click(function(){
$("img").show(400);/* show() */
});
$("#btn3").click(function(){
$("img").toggle(400); /* toggle()  show() hide() */
})
});
</script>

</head>
<body>
<br />
<button id="btn">Tıkla Tüm Resimleri Gizle</button>
<br />
<button id="btn2">Tıkla Tüm Resimleri Göster</button>
<br />
<button id="btn3">Tüm Resimleri Göster/Gizle</button>

</body>
</html>
Sonu: Başarılı!

5 yorum:

  1. bu sistem güzelmiş web sayfalarında reklam istemeyen kullanıcılar için yararlı bir eklenti

    YanıtlaSil
    Yanıtlar
    1. Aynn onun için paylaştım zaten.

      Sil
  2. Gerçekten faydalı bir bilgi olmuş hırsızlıklara karşı önlem olarakta kullanılabilir.

    YanıtlaSil
  3. Teşekkür ederim sitemde kullanacağım.

    YanıtlaSil
  4. efektli Bir Şekilde Resmi Gizleme ve Gösterme çok hoş durur benim sitemde çok teşekkür ederim

    YanıtlaSil