Vegas background slideshow

Vegas

Jay Salvat  tarafından geliştirilen Vegas Background eklentisi web sitenizin arkaplanında sırasıyla  değişen resimler eklemenize  yarıyor. 

Kullanım

  • Head  etiketleri  arasına eklenecek olan bölümler.

Js ve stil dosyaları :

<script   type="text/javascript"  src="/jquery.js"></script>
<script   type="text/javascript"  src="/vegas/jquery.vegas.js"></script>
<link rel="stylesheet" href="/vegas/jquery.vegas.css">
  • Eklentiyi çalıştıracak olan javascript  komutlar.

Sadece arkaplan görüntüsü için :

$.vegas({
  src:'/img/background.jpg'
});

Tam ekran arkaplan görüntüsü için :

$.vegas('overlay');
$.vegas({
  src:'/img/background.jpg'
});

Slide arkaplan görüntüsü için :

$.vegas('slideshow', {
  backgrounds:[
    { src:'/img/background1.jpg' },
    { src:'/img/background2.jpg' },
    { src:'/img/background3.jpg' }
  ]
})('overlay');

Slide  arkaplan fade efekti için :

$.vegas('slideshow', {
  backgrounds:[
    { src:'/img/bg1.jpg', fade:1000 },
    { src:'/img/bg2.jpg', fade:1000 },
    { src:'/img/bg3.jpg', fade:1000 }
  ]
})('overlay', {
  src:'/vegas/overlays/11.png'
});

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-02-10 tarihinde yayınlandı,Toplam 944 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...