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