https://ezradrc.com/js/main.js

1
2$(document).ready( function() {	
3
4    // HOME PAGE HEIGHT
5    jQuery(window).load(function() {
6            // will first fade out the loading animation
7        jQuery(".loader").fadeOut();
8            // will fade out the whole DIV that covers the website.
9        jQuery(".preloader").delay(1000).fadeOut("slow");
10    });
11
12     
13    // HOME PAGE HEIGHT
14    if ($('.home, .portfolio-hero').length) {
15        function fullhome() {
16            var hometext = $('.home, .portfolio-hero')            
17//            var homett = $('.hero-title').offset();
18//            $('.social').css('margin-top', homett.top)            
19            hometext.css({
20                "height": $(window).height() + "px"
21            });
22        }
23        fullhome();
24        $(window).resize(fullhome);
25    }
26        
27
28    // MAGNIFIC POPUP FOR PORTFOLIO PAGE
29    // $('.magnif').magnificPopup({
30    //     type:'image',
31    //     gallery:{enabled:true},
32    //     zoom:{enabled: true, duration: 300}
33    // });
34    
35    
36    // HOME TYPED JS
37    if ($('.element').length) {
38        $('.element').each(function () {
39            $(this).typed({
40                strings: [$(this).data('text1'), $(this).data('text2'), $(this).data('text3')], 
41                loop: $(this).data('loop') ? $(this).data('loop') : false ,
42                backDelay: $(this).data('backdelay') ? $(this).data('backdelay') : 2000 ,                
43                typeSpeed: 10,
44            });
45        });
46    }
47
48
49    // PORTFOLIO ISOTOPE
50    if ($('.isotope_items').length) {
51         var $container = $('.isotope_items');
52         $container.isotope();
53
54        $('.portfolio-filter ul li').on("click", function(){
55            $(".portfolio-filter ul li").removeClass("select-cat");
56            $(this).addClass("select-cat");              
57            var selector = $(this).attr('data-filter');
58            $(".isotope_items").isotope({
59                filter: selector,
60                animationOptions: {
61                    duration: 750,
62                    easing: 'linear',
63                    queue: false,
64                }
65        });
66            return false;
67        });      
68    }
69
70
71    // PORTFOLIO EFFECT
72    $(".cbp-item").hover3d({
73        selector: "figure",
74        perspective: 3000,
75        shine: true
76    });
77
78    
79   // $('.site-btn').click(function(){
80   //      $('.isotope_items').load('port.html').fadeIn();
81   //  });
82
83
84// PORTFOLIO CONTENT  
85    $('#grid-container').cubeportfolio({
86        layoutMode: 'grid',
87        filters: '.portfolio-filter',
88        gridAdjustment: 'responsive',
89        animationType: 'skew',
90        defaultFilter: '*',
91        gapVertical: 30,
92        gapHorizontal: 30,
93        singlePageAnimation: 'fade',
94        mediaQueries: [{
95                width: 700,
96                cols: 3,
97            }, {
98                width: 480,
99                cols: 2,
100                options: {
101                    caption: '',
102                    gapHorizontal: 30,
103                    gapVertical: 20,
104                }
105            }, {
106                width: 320,
107                cols: 1,
108                options: {
109                    caption: '',
110                    gapHorizontal: 50,
111                }
112            }],            
113        singlePageCallback: function (url, element) {
114            var t = this;
115            $.ajax({
116                    url: url,
117                    type: 'GET',
118                    dataType: 'html',
119                    timeout: 30000
120                })
121                .done(function (result) {
122                    t.updateSinglePage(result);
123                })
124                .fail(function () {
125                    t.updateSinglePage('AJAX Error! Please refresh the page!');
126                });
127        },
128            plugins: {
129                loadMore: {
130                    element: '#port-loadMore',
131                    action: 'click',
132                    loadItems: 3,
133                }
134            }
135    }); 
136
137
138    //TWITTER
139    if ($('.widget-twitter .tweet').length) {
140        $('.widget-twitter .tweet').twittie({
141            username: 'envato'
142            , list: null
143            , dateFormat: '%B %d, %Y'
144            , template: '{{tweet}} <br/> <span class="date">{{date}}</span>'
145            , count: 10
146
147        }, function () {
148            setInterval(function() {
149                var item = $('.widget-twitter .tweet ul').find('li:first');
150
151                item.animate( {marginLeft: '-220px', 'opacity': '0'}, 500, function() {
152                    $(this).detach().appendTo('.widget-twitter .tweet ul').removeAttr('style');
153                });
154            }, 5000);
155        });
156    }
157
158
159    // RESPONSIVE MENU
160    $('.nav-icon').click(function(){
161        $('body').toggleClass('full-open');
162    });
163
164
165    // OWL CAROUSEL GENERAL JS
166    var owlcar = $('.owl-carousel');
167    if (owlcar.length) {
168        owlcar.each(function () {
169            var $owl = $(this);
170            var itemsData = $owl.data('items');
171            var autoPlayData = $owl.data('autoplay');
172            var paginationData = $owl.data('pagination');
173            var navigationData = $owl.data('navigation');
174            var stopOnHoverData = $owl.data('stop-on-hover');
175            var itemsDesktopData = $owl.data('items-desktop');
176            var itemsDesktopSmallData = $owl.data('items-desktop-small');
177            var itemsTabletData = $owl.data('items-tablet');
178            var itemsTabletSmallData = $owl.data('items-tablet-small');
179            $owl.owlCarousel({
180                items: itemsData
181                , pagination: paginationData
182                , navigation: navigationData
183                , autoPlay: autoPlayData
184                , stopOnHover: stopOnHoverData
185                , navigationText: ["<", ">"]
186                , itemsCustom: [
187                    [0, 1]
188                    , [500, itemsTabletSmallData]
189                    , [710, itemsTabletData]
190                    , [992, itemsDesktopSmallData]
191                    , [1199, itemsDesktopData]
192                ]
193            , });
194        });
195    }
196
197
198
199
200}); // document ready end 
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236