BackStretch.js

BackStretch.js

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.

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-05-16 tarihinde yayınlandı,Toplam 858 karakterden oluşmaktadır.
Yeniden yazdırma ipuçları:Özel talimatlar dışında, bu sitedeki tüm makaleler CC-4.0 sözleşmesi kapsamında yayınlanmaktadır.Yeniden basılması için lütfen kaynak belirtiniz.
Yorum yap(Yorum yapılmamış)
Yükleniyor...