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'
});
ilca bu paylaşım hakkındaki görüşlerini merak ediyor.