jQuery plugins - Vegas
okt 05

Vegas

Teljes képernyős háttér diavetítéssel

Verzió: 1.2
Kiadás dátuma: 2011
Fejlesztő: Jay Salvat
Liszensz: MIT, GPL

Bevezető

A plugin a korábban már ismertetett Fullscreenr plugin-hoz hasonlóan nagyméretű képet állít be weboldalunk háttereként. A Vegas azonban ennél többre is képes, segítségével (többek között) egyszerre több képet is kezelhetünk, amelyeket meghatározott időközönként váltogathatunk.

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/jquery.vegas.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.vegas.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $.vegas({
                src:'/images/background.jpg'
              })('overlay', {
                src:'/overlay/13.png'
              });
            });
          

Teljes paraméterlista

'background':

  • src: a háttérkép elérési útvonala
  • align: a háttérkép vízszintes pozícionálása ('left' | 'center' | 'right') (alapértelmezett: 'center')
  • valign: a háttérkép függőleges pozícionálása ('top' | 'center' | 'bottom') (alapértelmezett: 'center')
  • fade: a kép halványításának sebessége/időtartama milliszekundumban (alapértelmezett: 0)
  • loading: a betöltődés kijelzésének engedélyezése/tiltása (true | false) (alapértelmezett: true)
  • load: függvény meghívása a kép betöltődését követően
  • complete: függvény meghívása a kép megjelenítését követően, a fade effekt (elhalványítás) végén

'slideshow':

  • step: a kezdő háttérkép sorszáma - a kezdősorszám a nulla! (alapértelmezett: 0)
  • delay: a váltások közti késleltetés milliszekundumban (alapértelmezett: 5000)
  • backgrounds: a háttérképek tömbje
  • preload: a képek előtöltésének engedélyezése/tiltása (true | false) (alapértelmezett: false)
  • walk: függvény meghívása képváltáskor

'overlay':

  • src: az overlay kép elérési útvonala
  • opacity: az overlay réteg áttetszősége [0..1] (alapértelmezett: 0.5)

Metódusok

  • destroy(): a plugin megszűntetése
  • get(): visszaadja az aktuális háttérképet jQuery objektumként