Vegas background slideshow

By

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'
});

 



Leave a Comment

Your email address will not be published.

You may also like

Trend