https://newstone.ru/local/templates/newstone_2022/components/bitri…/main-portfolio/script.js?16775987651669

1$(function () {
2    var sliderContainer = $('.js-portfolio-slider');
3    sliderContainer.owlCarousel({
4        items: 1,
5        loop: true,
6        navigation : true,
7        navElement: 'div',
8        navContainer: '',
9        navText: ["<div class='portfolio-item--nav portfolio-item--prev'></div>","<div class='portfolio-item--nav portfolio-item--next'></div>"],
10        dots: true,
11        margin: 10,
12        onInitialized: function(event) {
13            lazyOwl = sliderContainer.find(".lazy-owl").lazy({
14                defaultImage: "",
15                chainable: false,
16                visibleOnly: true,
17                effect: "fadeIn",
18                effectTime: 500,
19                threshold: 200,
20                beforeLoad: function(element){
21                    element.css("display", "");
22                },
23                afterLoad: function(element) {
24                    element.css("display", "");
25                }
26            });
27        },
28        onTranslated: function(event) {
29            lazyOwl.loadAll();
30            console.log('onTranslated');
31            $(window).trigger('resize');
32        },
33        onDrag: function(event) {
34            lazyOwl.loadAll();
35            console.log('onDrag');
36        }
37    });
38
39    function resizePortfolioImage() {
40        var w2hratio = 0.6,
41            itemImage = sliderContainer.find('.portfolio-item--image'),
42            height = itemImage.width() * w2hratio;
43
44        sliderContainer.find('.owl-dots').css({'top': height + 5});
45        itemImage.css({'height': height});
46    }
47
48    $(window).on('resize', function() {
49        resizePortfolioImage();
50    });
51    resizePortfolioImage();
52
53})