https://rascalpowermobility.com/js/setup.js

1(function ($) {
2    $(document).ready(function() {
3        $('.xzoom, .xzoom-gallery').xzoom({zoomWidth: 400, title: true, tint: '#333', Xoffset: 15});
4        $('.xzoom2, .xzoom-gallery2').xzoom({position: '#xzoom2-id', tint: '#ffa200'});
5        $('.xzoom3, .xzoom-gallery3').xzoom({position: 'lens', lensShape: 'circle', sourceClass: 'xzoom-hidden'});
6        $('.xzoom4, .xzoom-gallery4').xzoom({tint: '#232323', Xoffset: 15});
7        $('.xzoom5, .xzoom-gallery5').xzoom({tint: '#232323', Xoffset: 15});
8
9        //Integration with hammer.js
10        var isTouchSupported = 'ontouchstart' in window;
11
12        if (isTouchSupported) {
13            //If touch device
14            $('.xzoom, .xzoom2, .xzoom3, .xzoom4, .xzoom5').each(function(){
15                var xzoom = $(this).data('xzoom');
16                xzoom.eventunbind();
17            });
18            
19            $('.xzoom, .xzoom2, .xzoom3').each(function() {
20                var xzoom = $(this).data('xzoom');
21                $(this).hammer().on("tap", function(event) {
22                    event.pageX = event.gesture.center.pageX;
23                    event.pageY = event.gesture.center.pageY;
24                    var s = 1, ls;
25    
26                    xzoom.eventmove = function(element) {
27                        element.hammer().on('drag', function(event) {
28                            event.pageX = event.gesture.center.pageX;
29                            event.pageY = event.gesture.center.pageY;
30                            xzoom.movezoom(event);
31                            event.gesture.preventDefault();
32                        });
33                    }
34    
35                    xzoom.eventleave = function(element) {
36                        element.hammer().on('tap', function(event) {
37                            xzoom.closezoom();
38                        });
39                    }
40                    xzoom.openzoom(event);
41                });
42            });
43
44        $('.xzoom4').each(function() {
45            var xzoom = $(this).data('xzoom');
46            $(this).hammer().on("tap", function(event) {
47                event.pageX = event.gesture.center.pageX;
48                event.pageY = event.gesture.center.pageY;
49                var s = 1, ls;
50
51                xzoom.eventmove = function(element) {
52                    element.hammer().on('drag', function(event) {
53                        event.pageX = event.gesture.center.pageX;
54                        event.pageY = event.gesture.center.pageY;
55                        xzoom.movezoom(event);
56                        event.gesture.preventDefault();
57                    });
58                }
59
60                var counter = 0;
61                xzoom.eventclick = function(element) {
62                    element.hammer().on('tap', function() {
63                        counter++;
64                        if (counter == 1) setTimeout(openfancy,300);
65                        event.gesture.preventDefault();
66                    });
67                }
68
69                function openfancy() {
70                    if (counter == 2) {
71                        xzoom.closezoom();
72                        $.fancybox.open(xzoom.gallery().cgallery);
73                    } else {
74                        xzoom.closezoom();
75                    }
76                    counter = 0;
77                }
78            xzoom.openzoom(event);
79            });
80        });
81        
82        $('.xzoom5').each(function() {
83            var xzoom = $(this).data('xzoom');
84            $(this).hammer().on("tap", function(event) {
85                event.pageX = event.gesture.center.pageX;
86                event.pageY = event.gesture.center.pageY;
87                var s = 1, ls;
88
89                xzoom.eventmove = function(element) {
90                    element.hammer().on('drag', function(event) {
91                        event.pageX = event.gesture.center.pageX;
92                        event.pageY = event.gesture.center.pageY;
93                        xzoom.movezoom(event);
94                        event.gesture.preventDefault();
95                    });
96                }
97
98                var counter = 0;
99                xzoom.eventclick = function(element) {
100                    element.hammer().on('tap', function() {
101                        counter++;
102                        if (counter == 1) setTimeout(openmagnific,300);
103                        event.gesture.preventDefault();
104                    });
105                }
106
107                function openmagnific() {
108                    if (counter == 2) {
109                        xzoom.closezoom();
110                        var gallery = xzoom.gallery().cgallery;
111                        var i, images = new Array();
112                        for (i in gallery) {
113                            images[i] = {src: gallery[i]};
114                        }
115                        $.magnificPopup.open({items: images, type:'image', gallery: {enabled: true}});
116                    } else {
117                        xzoom.closezoom();
118                    }
119                    counter = 0;
120                }
121                xzoom.openzoom(event);
122            });
123        });
124
125        } else {
126            //If not touch device
127
128            //Integration with fancybox plugin
129            $('#xzoom-fancy').bind('click', function(event) {
130                var xzoom = $(this).data('xzoom');
131                xzoom.closezoom();
132                $.fancybox.open(xzoom.gallery().cgallery, {padding: 0, helpers: {overlay: {locked: fal

132se}}});
133                event.preventDefault();
134            });
135           
136            //Integration with magnific popup plugin
137            $('#xzoom-magnific').bind('click', function(event) {
138                var xzoom = $(this).data('xzoom');
139                xzoom.closezoom();
140                var gallery = xzoom.gallery().cgallery;
141                var i, images = new Array();
142                for (i in gallery) {
143                    images[i] = {src: gallery[i]};
144                }
145                $.magnificPopup.open({items: images, type:'image', gallery: {enabled: true}});
146                event.preventDefault();
147            });
148        }
149    });
150})(jQuery);