diff --git a/README.md b/README.md index 42ada19..d914110 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,7 @@ Tools used: * [jQuery](https://jquery.com/) * [fancybox 3](https://fancyapps.com/fancybox/3/) * [Chart.js](https://www.chartjs.org/) +* [Pagination.js](https://pagination.js.org/) Fonts used: * [Rubik](https://github.com/googlefonts/Rubik) diff --git a/informations.html b/informations.html index 4f54cbb..f8d1e1e 100644 --- a/informations.html +++ b/informations.html @@ -54,7 +54,7 @@

Cette page regroupe diverses photos et informations : une vue de l'atelier que Ginou utilisait ses dernières années, des photos d'exposition, des coupures de presse, ainsi que des statistiques intéressante (on peut remarquer que le printemps l'inspirait !). N'hésitez pas à nous contacter si vous avez du contenu intéressant, notamment pour les coupures de presse.

Informations technique

-

Ce site a été développé à l'aide de la librairie jQuery, ainsi que du plugin fancybox 3 et Chart.js. Les polices de caractères utilisées sont Rubik, Commissioner et Hot August Night. Emoji "tableau" par OpenMoji.

+

Ce site a été développé à l'aide de la librairie jQuery, ainsi que des plugins fancybox 3, Chart.js et Pagination.js. Les polices de caractères utilisées sont Rubik, Commissioner et Hot August Night. Emoji "tableau" par OpenMoji.

Le code source est librement disponible via git en cliquant ici. Cela signifie qu'il est possible d'obtenir le site en local pour son utilisation personnelle, moyennant quelques connaissances techniques.

diff --git a/scripts/exposition.js b/scripts/exposition.js index a1cc02b..58dcfb1 100644 --- a/scripts/exposition.js +++ b/scripts/exposition.js @@ -2,6 +2,7 @@ jQuery(document).ready(function($) { $.getJSON("data.json", function(data) { + var pageSize = 14; var paintingList = []; canDisplay = true; @@ -10,7 +11,7 @@ jQuery(document).ready(function($) if (i.photo == "ok" || i.photo == "good") { paintingList.push(i.number); - if (paintingList.length % (14 + 1) == 0) + if (paintingList.length % (pageSize + 1) == 0) canDisplay = false; paintingHtml = '