https://dikdak.com/pluginAppObj/pluginAppObj_22/main.js

1function animatedimage_pluginAppObj_22() {
2    
3    //WXPA-897. Control variable if i clicked on mobile the side div
4    var hoverEvent_pluginAppObj_22; 
5    var isMobile = false;
6    
7    $(document).ready(function(){
8        //Triggering the back side visibility
9        switch("mouseover"){
10            case "click":
11                $('#iandt_pluginAppObj_22 .wrapper').click( function(){
12                    $(this).toggleClass('back-visible');
13                });
14                break;
15            case "timer":
16                setInterval(function() {
17                    $('#iandt_pluginAppObj_22 .wrapper').toggleClass('back-visible');
18                },2000);
19                break;
20            case "mouseover":
21                $('#iandt_pluginAppObj_22 .wrapper').hover(function(e){
22                    hoverEvent_pluginAppObj_22 = true;
23                    $(this).addClass('back-visible'); 
24                    setTimeout(function(){ 
25                        hoverEvent_pluginAppObj_22 = false; 
26                    }, 100);
27                }, function(){
28                    hoverEvent_pluginAppObj_22 = false;
29                    $(this).removeClass('back-visible');
30                });
31                break;
32        }
33        
34         $('#imContent').on('breakpointChangedOrFluid', function (e, breakpoint) {
35            resizeIaT_pluginAppObj_22();
36         });
37
38         resizeIaT_pluginAppObj_22();
39    });    
40    
41    
42    function manageClickBtn_pluginAppObj_22(){
43        
44        $('#iandt_pluginAppObj_22 .wrapper a').each(function(){
45            // Cache event
46            var existing_event = this.onclick;
47            // Remove the event from the link
48            this.onclick = null;
49            // Add a check in for the class wrapper if present back-visible
50            $(this).click(function(){    
51                if(!hoverEvent_pluginAppObj_22 && 
52                    $('#iandt_pluginAppObj_22 .wrapper').hasClass('back-visible')) {
53                    // Reattach your original onclick
54                    if(existing_event) $(this).click(existing_event);
55                }
56                else{
57                    hoverEvent_pluginAppObj_22 = false;
58                    return false;
59                }
60            });
61        });
62        
63    }
64
65    //Proportional resize for responsive behavior
66    function resizeIaT_pluginAppObj_22(){
67        
68        var w = 1150;
69        var h = 350  
70        var containerWidth = $('#pluginAppObj_22').width();
71        var fact = containerWidth < w ? containerWidth / w : 1;
72        
73        $('#pluginAppObj_22 .wrapper, #pluginAppObj_22 .sides-container, #pluginAppObj_22 .text-container').css( {width: w * fact, height: h * fact} );
74         
75        isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
76        if(isMobile && "fade" == "none"){   
77            //WXPA-897. Fix mobile hover/click. I need to manage click only for "none" effect
78            manageClickBtn_pluginAppObj_22();
79        }
80    }
81}