https://www.reseaubiblioduquebec.qc.ca/assets/scripts/lib/portfolio-grid-4col.js

1(function($, window, document, undefined) {
2    'use strict';
3    
4   // init cubeportfolio
5        $('#js-grid-juicy-projects').cubeportfolio({
6        filters: '#js-filters-juicy-projects',
7        loadMore: '#js-loadMore-juicy-projects',
8        loadMoreAction: 'click',
9        layoutMode: 'grid',
10        defaultFilter: '*',
11        animationType: 'quicksand',
12        gapHorizontal: 30,
13        gapVertical: 30,
14        gridAdjustment: 'responsive',
15        mediaQueries: [{
16            width: 1500,
17            cols: 4
18        }, {
19            width: 1100,
20            cols: 4
21        }, {
22            width: 800,
23            cols: 3
24        }, {
25            width: 480,
26            cols: 1,
27            options: {
28                caption: ''
29            }
30        }, {
31            width: 320,
32            cols: 1,
33            options: {
34                caption: ''
35            }
36        }],
37        caption: 'overlayBottomReveal',
38        displayType: 'sequentially',
39        displayTypeSpeed: 80,
40
41        // lightbox
42        lightboxDelegate: '.cbp-lightbox',
43        lightboxGallery: true,
44        lightboxTitleSrc: 'data-title',
45        lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
46
47        // singlePage popup
48        singlePageDelegate: '.cbp-singlePage',
49        singlePageDeeplinking: true,
50        singlePageStickyNavigation: true,
51        singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
52        singlePageCallback: function(url, element) {
53            // to update singlePage content use the following method: this.updateSinglePage(yourContent)
54            var t = this;
55
56            $.ajax({

57                    url: url,
58                    type: 'GET',
59                    dataType: 'html',
60                    timeout: 30000
61                })
62                .done(function(result) {
63                    t.updateSinglePage(result);
64                })
65                .fail(function() {
66                    t.updateSinglePage('AJAX Error! Please refresh the page!');
67                });
68        },
69    });
70   
71})(jQuery, window, document);
72