https://www.cpdacademy.co/assets/js/home.js?v=20253

1$(document).ready(function() {
2
3     var $vdoLinks = $('.home-page .course-item .has-vdo a');
4    
5    // เช็คว่ามี element และ fancybox function หรือไม่
6    if ($vdoLinks.length > 0 && typeof $.fn.fancybox === 'function') {
7        $vdoLinks.fancybox({
8            maxWidth: 800,
9            maxHeight: 600,
10            fitToView: false,
11            width: '70%',
12            height: '70%',
13            autoSize: false,
14            closeClick: false,
15            openEffect: 'none',
16            closeEffect: 'none'
17        });
18    }
19
20    // $('.home-page .course-item .has-vdo a').fancybox({
21    //     maxWidth: 800,
22    //     maxHeight: 600,
23    //     fitToView: false,
24    //     width: '70%',
25    //     height: '70%',
26    //     autoSize: false,
27    //     closeClick: false,
28    //     openEffect: 'none',
29    //     closeEffect: 'none'
30    // });
31
32    $('.testimonial-list').slick({
33        arrows: false,
34        fade: true,
35        autoplay: true,
36    });
37
38
39    $('.teacher-cover .row').slick({
40        arrows: false,
41        autoplay: true,
42        slidesToShow: 3,
43        infinite: true,
44        autoplaySpeed: 2000,
45        dots: true,
46        responsive: [{
47                breakpoint: 990,
48                settings: {
49                    slidesToShow: 2,
50                    slidesToScroll: 2,
51
52                }
53            },
54            {
55                breakpoint: 550,
56                settings: {
57                    slidesToShow: 1,
58                    slidesToScroll: 1,
59                    dots: false,
60                    autoplaySpeed: 500
61                }
62            }
63            // You can unslick at a given breakpoint now by adding:
64            // settings: "unslick"
65            // instead of a settings object
66        ]
67    });
68
69    $('.experience .content').slick({
70        arrows: false,
71        // fade: true,
72        dots: true,
73        autoplay: true,
74        slidesToShow: 3,
75        slidesToScroll: 1,
76        autoplaySpeed: 500,
77        responsive: [{
78                breakpoint: 990,
79                settings: {
80                    slidesToShow: 2,
81                    slidesToScroll: 2,
82                    infinite: true,
83                    dots: true
84                }
85            },
86            {
87                breakpoint: 550,
88                settings: {
89                    slidesToShow: 1,
90                    slidesToScroll: 1,
91                    dots: false
92                }
93            }
94            // You can unslick at a given breakpoint now by adding:
95            // settings: "unslick"
96            // instead of a settings object
97        ]
98    });
99
100  if (typeof $.fn.matchHeight === 'function') {
101        
102        var $cthCovers = $('.popular-course .course-item .cth-cover');
103        if ($cthCovers.length > 0) {
104            $cthCovers.matchHeight({
105                byRow: true,
106                property: 'min-height',
107            });
108        }
109
110        setTimeout(function() {
111            var $courseItems = $('.popular-course .course-item');
112            if ($courseItems.length > 0) {
113                $courseItems.matchHeight({
114                    byRow: true,
115                });
116            }
117        }, 300);
118
119          // 1. Learn condition panels
120        var $condPanels = $('.learn-condition .cond-panel');
121        if ($condPanels.length > 0) {
122            $condPanels.matchHeight({
123                byRow: true,
124            });
125        }
126
127        // 2. Dashboard page panels
128        var $dashboardPanels = $('.dashboard-page .content .panel-cover > div > div');
129        if ($dashboardPanels.length > 0) {
130            $dashboardPanels.matchHeight({});
131        }
132
133        // 3. Feature box columns
134        var $featureBoxes = $('.feature-box .col-xs-6');
135        if ($featureBoxes.length > 0) {
136            $featureBoxes.matchHeight({});
137        }
138    }
139    
140    $(function() {
141        var star = new Star({
142            selector: '.article-rating',
143            starSize: 25
144        })
145        star.renderStar()
146
147        var star = new Star({
148            selector: '.course-rating',
149            starSize: 25
150        })

151        star.renderStar()
152
153        function loadStarResize(size) {
154            var starResize = new Star({
155                selector: '.course-rating-resize',
156                starSize: size
157            })
158            starResize.renderStar()
159        }
160
161        loadStarResize(20)
162    })
163
164});