https://portsinfo.ru/components/com_droppics/assets/js/colorbox.init.js

1var resizeTimer;
2var droppicsSriptImageloadedLoaded;
3var w = window.innerWidth
4    || document.documentElement.clientWidth
5    || document.body.clientWidth;
6
7var h = window.innerHeight
8    || document.documentElement.clientHeight
9    || document.body.clientHeight;
10
11jQuery(document).ready(function($) {
12    (droppicsColorboxInit = function(){
13
14
15        droppicsSriptImageloadedLoaded=setInterval(function(){
16            if(typeof(window.droppicsHeadLoaded)==='undefined' || 
17                (typeof(window.droppicsHeadLoaded)==='boolean' && window.droppicsHeadLoaded===true)){
18                    $('.droppicslightboxsingle').colorbox({title:function(){
19                                return $(this).data('title');
20                        },maxWidth:'90%',maxHeight:'90%',className: 'droppics',iframe:true,width:'100%',height:'100%'});
21                    $('.droppicslightbox').each(function(){
22                        var id_gallery =  $(this).data('id');
23                        $(this).find('.wimg.droppicslightbox a').colorbox({
24                            title:function(){
25                                return $(this).data('title');
26                            },
27                            rel: 'droppicgallery'+id_gallery,
28                            maxWidth:'90%',maxHeight:'90%',className: 'droppics',
29                            onComplete:function(){
30                                $('#cboxLoadedContent .cboxPhoto').attr('title',$(this).find('img').attr('title'));
31                                $('#cboxLoadedContent .cboxPhoto').attr('alt',$(this).find('img').attr('alt'));
32                            }
33                        });
34                        
35                    });
36                    $('.droppicsgallery').each(function(){   
37                 
38                        $(this).find('.wimg.droppicsvideo a').colorbox({  
39                           title:function(){                               
40                                return $(this).data('title');
41                           },
42                           iframe:true, innerWidth: 640, innerHeight: 390,
43                            maxWidth:'90%',maxHeight:'90%',className: 'droppics',
44                            onComplete:function(){
45                               
46                               $(this).colorbox.resize({innerWidth:$(this).data('vwidth'), innerHeight: $(this).data('vheight')} ); 
47                               //fix over the full-screen button
48                               $("#cboxNext, #cboxPrevious").css("height","85%")                                
49                            }
50                        });
51                    });
52                    
53                    $('.droppicssinglevideo').each(function(){   
54                          $(this).find('a').colorbox({  
55                           title:function(){                               
56                                return $(this).data('title');
57                           },
58                           iframe:true, innerWidth: 640, innerHeight: 390,
59                            maxWidth:'90%',maxHeight:'90%',className: 'droppics',
60                            onComplete:function(){
61
62                                var rw = Math.min($(this).data('vwidth'), w * 0.9);
63                                var rh = $(this).data('vheight') / $(this).data('vwidth') * rw;
64                                $(this).colorbox.resize({innerWidth: rw, innerHeight: rh} );
65                               //fix over the full-screen button
66                               $("#cboxNext, #cboxPrevious").css("height","85%")                                
67                            }
68                        });
69                    })
70                    $('.droppicssingleimage').colorbox({title:function(){
71                                return $(this).data('title');
72                        },maxWidth:'90%',maxHeight:'90%',className: 'droppics'});
73
74                    clearInterval(droppicsSriptImageloadedLoaded);
75                }
76            },100);    
77    })();
78
79    // Mobile swipe
80    jQuery(document).bind('cbox_open', function () {
81        $("#colorbox.droppics").swipe({
82            //Generic swipe handler for all directions
83            swipeLeft: function (event, direction, distance, duration, fingerCount) {
84                $.colorbox.next();
85            },
86            swipeRight: function (event, direction, distance, duration, fingerCount) {
87                $.colorbox.prev();
88            },
89            threshold: 75
90        });
91    });
92
93    // Fix gallery display issue inside a tab content.
94    $('.nav-tabs a').on('shown.bs.tab', function(event){
95        $(".droppicsgallerymasonry").each(function(){
96            var id = $(this).data('id');
97            var that = this;
98            $(that).imagesLoaded(function() {
99                $(that).find(".droppicspictures").masonry({
100                    itemSelector: ".wimg",
101                    isAnimated: true,
102                    animationOptions: {
103                        duration: 400
104                    },
105                    isFitWidth: true
106                });
107            });
108        });
109    });
110});
111// Fix gallery display issue inside a joomlashack tab content.
112// sort tab plugin run before droppics content plugin
113if(typeof(window.tabberOptions) !=='undefined') {
114    tabberOptions.onTabDisplay = function (argsObj) {
115        console.log('render Droppics masonry', argsObj);
116        jQuery(".droppicsgallerymasonry").each(function () {
117            var that = this;
118            jQuery(that).imagesLoaded(function () {
119                jQuery(that).find(".droppicspictures").masonry({
120                    itemSelector: ".wimg",
121                    isAnimated: true,
122                    animationOptions: {
123                        duration: 400
124                    },
125                    isFitWidth: true
126                });
127            });
128        });
129    };
130}