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.
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 :
Trackbacks/Pingbacks