jPages – Plugin jQuery – Pagination à effet pour vos sites web

Me revoici avec un autre plugin jQuery qui vous permet une fois de plus d’agrémenter vos sites web d’effets. Aujourd’hui je vous présente jPages qui permet de créer automatiquement une pagination sur votre site web.

jPages est un plugin jQuery qui permet une pagination avec entre autre, la possibilité de tourner les pages automatiquement, via le scroll de la souris ou même avec le clavier. Il permet aussi de gérer la vitesse, les effets, de customiser la barre de menu de navigation etc…

Vous l’aurez compris, ce plugin de pagination jQuery est complet.

jpages-plugins-jquery-pagination-web

Comment l’utilise-t-on ?

Appel du css et des librairies javascript :

[pastacode lang= »markup » manual= »%3Cscript%20src%3D%22vers-mon-jquery%2F1.7.1%2Fjquery.min.js%22%3E%3C%2Fscript%3E%0A%3Cscript%20src%3D%22js%2FjPages.js%22%3E%3C%2Fscript%3E » message= » » highlight= » » provider= »manual »/]

Si on souhaite utiliser animate.css afin d’agrémenter notre pagination d’effets issus de ce fichier :

[pastacode lang= »markup » manual= »%3Clink%20rel%3D%22stylesheet%22%20href%3D%22css%2Fanimate.css%22%20%2F%3E » message= » » highlight= » » provider= »manual »/]

Création de la structure html qui accueillera notre pagination :

[pastacode lang= »markup » manual= »%3C!–%20Future%20navigation%20panel%20–%3E%0A%3Cdiv%20class%3D%22holder%22%3E%3C%2Fdiv%3E%0A%3C!–%20Item%20container%20(Pas%20obligatoirement%20une%20balise%20UL)%20–%3E%0A%3Cul%3E%0A%3Cul%3E%3C!–%20Items%20–%3E%0A%20%09%3Cli%3E…%3C%2Fli%3E%0A%20%09%3Cli%3E…%3C%2Fli%3E%0A%20%09%3Cli%3E…%3C%2Fli%3E%0A%20%09%3Cli%3E…%3C%2Fli%3E%0A%20%09%3Cli%3E…%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3C%2Ful%3E%0A… » message= » » highlight= » » provider= »manual »/]

Puis appel du script javascript qui permettra la création de la pagination :

[pastacode lang= »javascript » manual= »%24(function()%7B%0A%0A%24(%22div.holder%22).jPages(%7B%0AcontainerID%20%3A%20%22itemContainer%22%0A%7D)%3B%0A%0A%7D)%3B » message= » » highlight= » » provider= »manual »/]

Et là, vous avez votre pagination en jQuery de base proposée via ce plugin.
Bien entendu il existe une multitude d’options et le css est entièrement modifiable.

La page officiel de ce plugin jPages avec toutes les démos qui vont avec et les explications.
Puis la page de téléchargement

Encore un bon plugin jQuery 😉

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

Trackbacks/Pingbacks

  1. pp3Diso – Plugin jQuery – l’affichage et la gestion d’une carte 2D isométrique | LudiBlog - [...] jPages – Plugin jQuery – Pagination à effet pour vos sites web [...]
  2. Liste de tous les plugins jQuery testés sur le blog | LudiBlog - [...] Growl carouFredSel jNotify Facebox jQuery Slick Plugin DropDown Menu jPages msdropdown SuperFish Image Cube jQuery Approach (mb)Extruder Pajinate jQuery…
  3. 62 plugins jQuery sur LudiBlog pour 2014 ! | LudiBlog - […] parallax.js HeapBox Growl carouFredSel jNotify Facebox jQuery Slick Plugin DropDown Menu jPages msdropdown SuperFish Image Cube jQuery Approach (mb)Extruder…

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *