https://www.cartridgeweb.com/frontend/js/desiger-effect.js

1$(document).ready(function() {
2
3    // magnific-popup
4    $('.image-popup').magnificPopup({
5		type: 'image',
6		closeOnContentClick: true,
7		mainClass: 'mfp-img-mobile',
8		image: {
9			verticalFit: true
10		}
11		
12	});
13
14    $('.popup-gallery').magnificPopup({
15        delegate: 'a',
16        type: 'image',
17        tLoading: 'Loading image #%curr%...',
18        mainClass: 'mfp-img-mobile',
19        gallery: {
20            enabled: true,
21            navigateByImgClick: true,
22            preload: [0,1] // Will preload 0 - before current, and 1 after the current image
23        },
24        image: {
25            tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
26            titleSrc: function(item) {
27                return item.el.attr('title');
28            }
29        }
30	});
31
32    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
33		disableOn: 700,
34		type: 'iframe',
35		mainClass: 'mfp-fade',
36		removalDelay: 160,
37		preloader: false,
38
39		fixedContentPos: false
40	});
41
42    // Helper function for add element box list in WOW
43    WOW.prototype.addBox = function (element) {
44        this.boxes.push(element);
45    };
46
47    // Init WOW.js and get instance
48    var wow = new WOW();
49    wow.init();
50
51    $('.wow').on('scrollSpy:exit', function () {
52        $(this).css({
53            'visibility': 'hidden',
54            'animation-name': 'none'
55        }).removeClass('animated').addClass('animate__animated');
56        wow.addBox(this);
57    }).scrollSpy();
58
59    
60});
61