jQuery plugins - Easy Paginate
ápr 22

Easy Paginate

Animált lapozó

Verzió: 1.0
Kiadás dátuma: 2011
Fejlesztő: Alen Grakalic
Liszensz: MIT, GPL

Bevezető

Az alábbi CSSGlobe-ról származó plugin segítségével egy egyszerű, de látványos lapozó megoldást hozhatunk létre egy lista elemeiből.

Implementálás

JavaScript

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

Deklaráció

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

Teljes paraméterlista

  • step: az oldalankénti elemek száma (alapértelmezett: 4)
  • delay: oldalanként az elemek megjelenése közti késleltetés milliszekundumban
    (alapértelmezett: 100)
  • numeric: numerikus lapozó engedélyezése/tiltása (true | false) (alapértelmezett: true)
  • nextprev: előző/következő gombok engedélyezése/tiltása (true | false) (alapértelmezett: true)
  • auto: automatikus lejátszás engedélyezése/tiltása (true | false) (alapértelmezett: false)
  • pause: automatikus lejátszás (auto paraméter) esetén az egyes oldalak közti késleltetés milliszekundumban (alapértelmezett: 4000)
  • clickstop: automatikus lejátszásnál klikkelés esetén a lejátszás megállításának engedélyezése/tiltása (true | false) (alapértelmezett: true)
  • controls: a lapozó ID szelektora (alapértelmezett: 'pagination')
  • current: lapozó esetén az aktuális elem osztály szelektora (alapértelmezett: 'current')

Tippek

  • Sajnos a plugin nem teszi lehetővé, hogy paramétereken keresztül definiálhassuk az előző/következő gombok szövegét (previous/next). Ha azonban ezt át szeretnénk írni, a nem tömörített forráskód (easypaginate.js) 78-ik és 101-ik sorában megtehetjük ezt (a .js file "gyárilag" nem UTF-8 kódolású, így erre érdemes odafigyelni!)