PageSourceSearch

https://freshlookwebdesign.com/wp-content/plugins/dwd-aio-module-e…/assets/js/dwd-perky-animate-animation.js

js freshlookwebdesign.com collected 2026-10-07 11:03:55 UTC 8,390 bytes, 218 lines download raw bytes

1jQuery(document).ready(function($) {
2    function onScrollInit(items, trigger) {
3        items.each(function() {
4            var osElement = $(this),
5                osAnimationClass = osElement.attr('data-dwd-animation'),
6                osAnimationDelay = osElement.attr('data-dwd-animation-delay');
7
8            osElement.css({
9                '-webkit-animation-delay': osAnimationDelay,
10                '-moz-animation-delay': osAnimationDelay,
11                'animation-delay': osAnimationDelay
12            });
13            var osTrigger = (trigger) ? trigger : osElement;
14
15            osTrigger.waypoint({
16                offset: '75%',
17                handler: function() {
18                    osElement.addClass('animated').addClass(osAnimationClass);
19                }
20            });
21            osTrigger.waypoint({
22                offset: 'bottom-in-view',
23                handler: function() {
24                    osElement.addClass('animated').addClass(osAnimationClass);
25                }
26            });
27
28        });
29    }
30    onScrollInit($('.dwd-animation'));
31    var btn = $(".dwd-aio .et_pb_button_wrapper .dwd-btn-hover");
32    $(btn).hover(function() {
33        if ($(this).hasClass('animated')) {
34            $(this).removeClass('animated')
35        }
36        if ($(this).hasClass('dwd-animation')) {
37            $(this).removeClass('dwd-animation')
38        }
39    });
40    var dwd_whole_video_link = $('.dwd-whole-video-link-wrap .dwd-aio');
41    $(dwd_whole_video_link).each(function(index, value) {
42        var videourl = $(this, value).data('dwd-whole-video-link');
43        $(this).wrap("<a href='" + videourl + "' class='dwd-whole-link-window dwd-popup-video'></a>");
44
45    });
46
47    var dwd_whole_link = $('.dwd-whole-link-wrap .dwd-aio');
48    $(dwd_whole_link).each(function(index, value) {
49        var normalurl = $(this, value).data('dwd-whole-link-url');
50        if ($(this).hasClass('dwd-new-window')) {
51            $(this).wrap("<a href='" + normalurl + "' class='dwd-whole-link-window' target='_blank'></a>");
52        } else {
53            $(this).wrap("<a href='" + normalurl + "' class='dwd-whole-link-window'></a>");
54        }
55    });
56
57    var waypoints = $(".dwd-revealer-in").waypoint({
58        handler: function(direction) {
59            $(this.element).closest('.et_pb_aio_extended').addClass("fadeIn animated");
60            $(this.element).addClass("visible fadeIn animated");
61            $(this.element).next(".dwd-revealer").addClass("visible");
62        },
63        offset: '80%'
64    });
65
66    var ScrollingFade = $(".dwd-scrolling-fade").waypoint({
67        handler: function(direction) {
68            var ScrollTimelineIn = anime.timeline({
69                duration: 600
70            });
71            var ScrollTimelineOut = anime.timeline({
72                duration: 600
73            });
74            var main = this.element,
75                title = this.element.querySelector('.et_pb_module_header'),
76                divider = this.element.querySelector('.dwd-divider'),
77                subhead = this.element.querySelector('.et_pb_fullwidth_header_subhead'),
78                bgtext = this.element.querySelector('.dwd-background-text'),
79                icon = this.element.querySelector('.et_pb_main_blurb_image'),
80                description = this.element.querySelector('.dwd-perky-content-description'),
81                btn = this.element.querySelector('.et_pb_button_wrapper');
82            if (direction === 'down') {
83                ScrollTimelineIn
84                    .add({
85                        targets: main,
86                        opacity: [0, 1],
87                        scale: [0.9, 1],
88                        translateY: [30, 0],
89                        easing: 'easeInOutQuart'
90                    })
91                    .add({
92                        targets: title,
93                        opacity: [0, 1],
94                        scale: [0.9, 1],
95                        translateY: [30, 0],
96                        easing: 'easeInOutQuart',
97                        offset: 20
98                    })
99                    .add({
100                        targets: bgtext,
101                        opacity: [0, 1],
102                        scale: [0.9, 1],
103                        translateY: [30, 0],
104                        easing: 'easeInOutQuart',
105                        offset: 50
106                    })
107                    .add({
108                        targets: icon,
109                        opacity: [0, 1],
110                        scale: [0.9, 1],
111                        translateY: [30, 0],
112                        easing: 'easeInOutQuart',
113                        offset: 100
114                    })
115                    .add({
116                        targets: divider,
117                        opacity: [0, 1],
118                        scale: [0.9, 1],
119                        translateY: [30, 0],
120                        easing: 'easeInOutQuart',
121                        offset: 150
122                    })
123                    .add({
124                        targets: subhead,
125                        opacity: [0, 1],
126                        scale: [0.9, 1],
127                        translateY: [30, 0],
128                        easing: 'easeInOutQuart',
129                        offset: 155
130                    })
131                    .add({
132                        targets: description,
133                        opacity: [0, 1],
134                        scale: [0.9, 1],
135                        translateY: [30, 0],
136                        easing: 'easeInOutQuart',
137                        offset: 200
138                    })
139                    .add({
140                        targets: btn,
141                        opacity: [0, 1],
142                        scale: [0.9, 1],
143                        translateY: [30, 0],
144                        easing: 'easeInOutQuart',
145                        offset: 300
146                    });
147            } else {
148                ScrollTimelineOut
149                    .add({
150                        targets: btn,
151                        opacity: [1, 0],
152                        scale: [1, 0.9],
153                        translateY: [0, 30],
154                        easing: 'easeInOutQuart'
155                    })
156                    .add({
157                        targets: description,
158                        opacity: [1, 0],
159                        scale: [1, 0.9],
160                        translateY: [0, 30],
161                        easing: 'easeInOutQuart',
162                        offset: 50
163                    })
164                    .add({
165                        targets: subhead,
166                        opacity: [1, 0],
167                        scale: [1, 0.9],
168                        translateY: [0, 30],
169                        easing: 'easeInOutQuart',
170                        offset: 100
171                    })
172                    .add({
173                        targets: divider,
174                        opacity: [1, 0],
175                        scale: [1, 0.9],
176                        translateY: [0, 30],
177                        easing: 'easeInOutQuart',
178                        offset: 150
179                    })
180                    .add({
181                        targets: icon,
182                        opacity: [1, 0],
183                        scale: [1, 0.9],
184                        translateY: [0, 30],
185                        easing: 'easeInOutQuart',
186                        offset: 155
187                    })
188                    .add({
189                        targets: bgtext,
190                        opacity: [1, 0],
191                        scale: [1, 0.9],
192                        translateY: [0, 30],
193                        easing: 'easeInOutQuart',
194                        offset: 200
195                    })
196                    .add({
197                        targets: title,
198                        opacity: [1, 0],
199                        scale: [1, 0.9],
200                        translateY: [0, 30],
201                        easing: 'easeInOutQuart',
202                        offset: 300
203                    })
204                    .add({
205                        targets: main,
206                        opacity: [1, 0],
207                        scale: [1, 0.9],
208                        translateY: [0, 30],
209                        easing: 'easeInOutQuart',
210                        offset: 320
211                    });
212            }
213        },
214        offset: '80%'
215    });
216
217
218});

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.