Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
(function($, window, document, undefined) {
2 
    'use strict';
3 
 
4 
    // init cubeportfolio
5 
    $('#js-grid-lightbox-gallery').cubeportfolio({
6 
        filters: '#js-filters-lightbox-gallery1, #js-filters-lightbox-gallery2',
7 
        loadMore: '#js-loadMore-lightbox-gallery',
8 
        loadMoreAction: 'click',
9 
        layoutMode: 'grid',
10 
        mediaQueries: [{
11 
            width: 1500,
12 
            cols: 5
13 
        }, {
14 
            width: 1100,
15 
            cols: 4
16 
        }, {
17 
            width: 800,
18 
            cols: 3
19 
        }, {
20 
            width: 480,
21 
            cols: 2
22 
        }, {
23 
            width: 320,
24 
            cols: 1
25 
        }],
26 
        defaultFilter: '*',
27 
        animationType: 'rotateSides',
28 
        gapHorizontal: 10,
29 
        gapVertical: 10,
30 
        gridAdjustment: 'responsive',
31 
        caption: 'zoom',
32 
        displayType: 'sequentially',
33 
        displayTypeSpeed: 100,
34 
 
35 
        // lightbox
36 
        lightboxDelegate: '.cbp-lightbox',
37 
        lightboxGallery: true,
38 
        lightboxTitleSrc: 'data-title',
39 
        lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
40 
 
41 
        // singlePageInline
42 
        singlePageInlineDelegate: '.cbp-singlePageInline',
43 
        singlePageInlinePosition: 'below',
44 
        singlePageInlineInFocus: true,
45 
        singlePageInlineCallback: function(url, element) {
46 
            // to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
47 
            var t = this;
48 
 
49 
            $.ajax({
50 
                    url: url,
51 
                    type: 'GET',
52 
                    dataType: 'html',
53 
                    timeout: 10000
54 
                })
55 
                .done(function(result) {
56 
 
57 
                    t.updateSinglePageInline(result);
58 
 
59 
                })
60 
                .fail(function() {
61 
                    t.updateSinglePageInline('AJAX Error! Please refresh the page!');
62 
                });
63 
        },
64 
    });
65 
})(jQuery, window, document);