jQuery plugins - Smart Gallery
jan 07

Smart Gallery

Galéria és slider

Verzió: nincs adat
Kiadás dátuma: 2011/05/16
Fejlesztő: www.egrappler.com
Liszensz: nincs adat
  • 2825
  • 12956
  • 0
  • -

Bevezető

Galéria és slider plugin egyszerre: könnyen beágyazható bármely oldalba, tizenkét animáció típus szolgáltatja a változatosságot, illetve a paraméterek segítségével könnyedén testreszabhatjuk a plugin alapvető működését.

Jellemzők

  • könnyen testreszabható
  • galéria
  • slider
  • 12 átmeneti hatás
  • fix és véletlenszerű átmeneti hatások
  • bélyegképek

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/smart-gallery.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/smart-gallery.min.js"></script>
          

Deklaráció

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

Használat

HTML szinten egy konténer elembe kell a linkekbe ágyazott képeket elhelyezni:

            <div id="pelda">
              <a href="images/01.jpg" title="Kép címe"><img src="images/01.jpg" /></a>
              <a href="images/02.jpg" title="Kép címe"><img src="images/02.jpg" /></a>
              <a href="images/03.jpg" title="Kép címe"><img src="images/03.jpg" /></a>
              ...
            </div>
          

Teljes paraméterlista

  • imagedisplaytime: az egyes képek megjelenítésének időtartama milliszekundumban (alapértelmezett: 3000)
  • random: véletlenszerű átviteli animáció engedélyezése/tiltása (true | false) (alapértelmezett: true)
  • animation: az átviteli animáció típusa ('fadein' | 'blind' | 'fallingbars' | 'appear' | 'fillin' | 'explode' | 'jumble' | 'risingbars' | 'paint' | 'diagonal' | 'crunchingbars' | 'slidein') (alapértelmezett: 'blind')
  • animationspeed: az átviteli animáció sebessége/időtartama milliszekundumban
    (alapértelmezett: 1000)
  • masked: a bélyegképek elhalványításának engedélyezése/tiltása (true | false)
    (alapértelmezett: true)
  • noofthumbnails: az egyszerre megjelenített bélyegképek száma (alapértelmezett: 6)
  • thumbnailscrollspeed: a bélyegképek görgetésének sebessége/időtartama milliszekundumban (alapértelmezett: 2000)
  • stickthumbnails: a bélyegképek folyamatos megjelenítésének engedélyezése/tiltása (true | false) (alapértelmezett: false)
  • circular: a bélyegképek folyamatos (végtelen) görgetésének engedélyezése/tiltása (true | false) (alapértelmezett: true)