ginou/scripts/exposition.js

jQuery(document).ready(function($)
{
    $.getJSON("data.json", function(data)
    {
        fancyboxInit(data, false);

        window.pageSize = 14;
        var paintingList = [];

        canDisplay = true;
        for (i of data)
        {
            if (i.expo == "yes")
            {
                paintingList.push(i.number);
                if (paintingList.length % (pageSize + 1) == 0)
                    canDisplay = false;
                
                paintingHtml = '<div class="gallery-item ';
                if (canDisplay)
                {
                    paintingHtml += 'active"><a data-fancybox="exposition" href="photos/paintings/normal/' + i.number + '.jpg" data-fancybox-index="' + i.number + '">'
                    paintingHtml += '<img src="photos/paintings/mini/' + i.number + '.jpg" alt="Tableau ' + i.number + '"></a>';
                }
                else
                {
                    paintingHtml += 'inactive"><a data-fancybox="exposition" href="photos/paintings/normal/' + i.number + '.jpg" data-fancybox-index="' + i.number + '">'
                    paintingHtml += '<img src="photos/paintings/mini/' + i.number + '.jpg" alt="Tableau ' + i.number + '"></a>';
                }
                paintingHtml += '<span class="item-title">' + i.title;
                if (i.year != '—')
                    paintingHtml += ' (' + i.year + ')';
                paintingHtml += '</span></div>';
                $(".gallery").append(paintingHtml);
            }
        }

        var targetPage = 0;
        urlParams = new URLSearchParams(window.location.search);
        if (urlParams.get('page') != "")
            targetPage = urlParams.get('page');

        // pagination configuration
        window.currentPage = 0;
        window.previousArray = [];
        $.getScript("scripts/pagination.js", function() {
            paginationInit(data, paintingList, false);

            if (targetPage > 0)
                $("#pagination").pagination('go', targetPage);

        });
    });
});