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.