Pagination page number working without fancybox hash

Also legal update
This commit is contained in:
2021-02-14 01:55:42 +01:00
parent 649be52829
commit 3469704e1b
3 changed files with 18 additions and 11 deletions

View File

@ -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 = '<div class="gallery-item ';
@ -32,22 +33,24 @@ jQuery(document).ready(function($)
}
}
/*var targetPage = 0;
var targetPage = 0;
urlParams = new URLSearchParams(window.location.search);
if (urlParams.get('page') != "")
targetPage = urlParams.get('page');*/
targetPage = urlParams.get('page');
var previousArray = []
var options =
{
dataSource: paintingList,
pageSize: 14,
//pageRange: null,
pageSize: pageSize,
pageRange: null,
className: 'paginationjs-theme-blue',
callback: function (response, pagination)
{
//window.history.pushState('', '', '/exposition-pagination.html?page=' + pagination.pageNumber); // careful, back button is broken with that
//window.console && console.log(response, pagination);
{
console.log(window.location.pathname);
console.log(window.location.hash);
window.history.replaceState('', '', window.location.pathname + '?page=' + pagination.pageNumber + window.location.hash); // careful, back button is broken with that
if (previousArray.length > 0)
{
@ -67,8 +70,8 @@ jQuery(document).ready(function($)
$('#pagination').pagination(options);
/*if (targetPage > 0)
$("#pagination").pagination('go', targetPage);*/
if (targetPage > 0)
$("#pagination").pagination('go', targetPage);
$('[data-fancybox="exposition"]').fancybox(
@ -84,6 +87,7 @@ jQuery(document).ready(function($)
mobile: {
preventCaptionOverlap: true,
},
hash: false,
caption: function(instance, item)
{
@ -122,6 +126,8 @@ jQuery(document).ready(function($)
$('#pagination').pagination('previous');
},
});
});
});