jQuery plugins - Adipoli
marc 20

Adipoli

Hover effekt képekre

Verzió: 2.0 beta
Kiadás dátuma: 2012/03/07
Fejlesztő: Gilbert Pellegrom
Liszensz: MIT
  • 1661
  • 8307
  • 0
  • -

Bevezető

Az Adipoli segítségével több mint 20 effektet rendelhetünk képeinkhez - vagyis inkább azok hover eseményéhez.

Támogatott böngészők:

  • firefox 10+
  • chrome 15+
  • safari
  • opera
  • IE9+

Implementálás

CSS

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

JavaScript

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

Deklaráció

            $(document).ready(function(){
              $('#pelda').adipoli();
            });
          

Teljes paraméterlista

  • startEffect: a kép alapértelmezett stílusa (transparent | normal | overlay | grayscale) (alapértelmezett: 'transparent')
  • hoverEffect: a kép stílusa hover eseménynél
    Lehetséges értékek:
    - normal
    - popout
    - sliceDown
    - sliceDownLeft
    - sliceUp
    - sliceUpLeft
    - sliceUpRandom
    - sliceUpDown
    - sliceUpDownLeft
    - fold
    - foldLeft
    - boxRandom
    - boxRain
    - boxRainReverse
    - boxRainGrow
    - boxRainGrowReverse
    (alapértelmezett: 'normal')
  • imageOpacity: grayscale, vagy overlay kezdeti stílus esetén a kép áttetszőségének mértéke (alapértelmezett: 0.5)
  • animSpeed: az animáció sebessége/időtartama milliszekundumban (alapértelmezett: 300)
  • fillColor: overlay kezdeti stílus esetén a kitöltő szín hexadecimális kódja (alapértelmezett: '#000')
  • overlayText: tetszőleges szöveg a képre
  • textColor: a szöveg színének hexadecimális kódja (alapértelmezett: '#fff')
  • slices: 'slice'-típusú animáció esetén a 'szeletek' száma (alapértelmezett: 10)
  • boxCols: 'box'-típusú animáció esetén az oszlopok száma (alapértelmezett: 5)
  • boxRows: 'box"-típusú animáció esetén a sorok száma (alapértelmezett: 3)
  • popOutMargin: popOut animáció esetén a képméret növelésének oldalankénti értéke képpontban (alapértelmezett: 10)
  • popOutShadow: popOut animáció esetén a kép árnyékának oldalankénti kiterjedése képpontban (alapértelmezett: 10)