Mintik
3 yıl önce

BackStretch.js

Backstretch

jQuery Backstretch  eklentisi  websayfanızın arkaplanında  sürekli değişen resimler  kullanmanızı sağlar.  Scott Robbins  tarafından geliştirilen Backstretch  eklentisi ile  arkaplana eklenen resimleri hem tıklayarak  hemde  otomatik olarak değiştirebildiğiniz  gibi  birde  otomatik boyutlandırma  özelliği bulunuyor. İsterseniz  tek bir  resim ekleyip  bütün ekran  boyutları  için  otomatik olarak boyut  değiştiren bir  arkaplan olarak kullanabilirsiniz. Tarayıcı penceresinin boyutunu değiştirdiğiniz zaman resmin boyutunu değiştirdiğini görebilirsiniz. 

 Kullanım

  • Head  etiketleri arasına eklemeniz  gereken bölümler.

Js dosya adresleri : 

<script src="../libs/jquery/jquery.js"></script>
<script src="../src/jquery.backstretch.js"></script>

 JavaScript :

<script>
      $.backstretch([
          "pot-holder.jpg",
          "coffee.jpg",
          "dome.jpg"
        ], {
            fade: 750,
            duration: 4000
      });
</script>

Body  etiketleri arasına herhangi bir kod eklemeniz gerekmiyor.

 

Mintik senin düşüncelerini merak ediyor. Bir yorum yaz