https://seattlepride.org/web/app/templates/assets/js/slider.js

1/*****************************SLIDER JS***********************************/
2jQuery("#carousel").owlCarousel({
3    autoplay: true,
4    lazyLoad: true,
5    loop: false,
6    margin: 20,
7    responsiveClass: true,
8    autoHeight: true,
9    autoplayTimeout: 9000,
10    smartSpeed: 800,
11    responsive: {
12        0: {
13            items: 1
14        },
15
16        600: {
17            items: 1
18        },
19
20        1024: {
21            items: 1
22        },
23
24        1366: {
25            items: 1
26        }
27    }
28});
29
30/************************CATEGORY EVENT SLIDER****************************************/
31$(".cat_event_slider").owlCarousel({
32    lazyLoad: true,
33    loop: false,
34    margin: 20,
35    responsiveClass: true,
36    smartSpeed: 800,
37    nav: true,
38    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
39    navContainer: '.cat_event_cus_nav',
40    responsive: {
41        0: {
42            items: 1
43        },
44
45        600: {
46            items: 2
47        },
48
49        1024: {
50            items: 3
51        },
52
53        1366: {
54            items: 3
55        }
56    }
57});
58/************************ALL EVENT SLIDER****************************************/
59$(".all_event_slider").owlCarousel({
60    lazyLoad: true,
61    loop: false,
62    margin: 20,
63    responsiveClass: true,
64    smartSpeed: 800,
65    nav: true,
66    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
67    navContainer: '.all_event_cus_nav',
68    responsive: {
69        0: {
70            items: 1
71        },
72
73        600: {
74            items: 2
75        },
76
77        1024: {
78            items: 3
79        },
80
81        1366: {
82            items: 3
83        }
84    }
85});
86/*************************CATEGORY NEWS SLIDER***************************************/
87$(".cat_news_slider").owlCarousel({
88    lazyLoad: true,
89    loop: false,
90    margin: 20,
91    responsiveClass: true,
92    smartSpeed: 800,
93    nav: true,
94    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
95    navContainer: '.cat_news_cus_nav',
96    responsive: {
97        0: {
98            items: 1
99        },
100
101        600: {
102            items: 2
103        },
104
105        1024: {
106            items: 3
107        },
108
109        1366: {
110            items: 3
111        }
112    }
113});
114/************************ALL NEWS SLIDER****************************************/
115$(".all_news_slider").owlCarousel({
116    lazyLoad: true,
117    loop: false,
118    margin: 20,
119    responsiveClass: true,
120    smartSpeed: 800,
121    nav: true,
122    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
123    navContainer: '.all_news_cus_nav',
124    responsive: {
125        0: {
126            items: 1
127        },
128
129        600: {
130            items: 2
131        },
132
133        1024: {
134            items: 3
135        },
136
137        1366: {
138            items: 3
139        }
140    }
141});
142/************************SPOSNSORS SLIDER****************************************/
143$(".sponsors_slider").owlCarousel({
144    lazyLoad: true,
145    loop: false,
146    margin: 20,
147    responsiveClass: true,
148    smartSpeed: 800,
149    nav: true,
150    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
151    navContainer: '.spons_cus_nav',
152    responsive: {
153        0: {
154            items: 2
155        },
156
157        600: {
158            items: 4,
159			margin: 30,
160        },
161
162        1024: {
163            items: 5
164        },
165
166        1366: {
167            items: 5
168        }
169    }
170});
171/************************STAFF SLIDER****************************************/
172$("#staff_slider").owlCarousel({
173    lazyLoad: true,
174    loop: false,
175    margin: 20,
176    responsiveClass: true,

177    smartSpeed: 800,
178    nav: true,
179    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
180    navContainer: '.staff_cus_nav',
181    responsive: {
182        0: {
183            items: 1
184        },
185
186        600: {
187            items: 1  
188        },
189
190        1024: {
191            items: 1
192        },
193
194        1366: {
195            items: 1
196        }
197    }
198});
199/************************RELEVENT SLIDER****************************************/
200$(".rel_event_slider").owlCarousel({
201    lazyLoad: true,
202    loop: false,
203    margin: 20,
204    responsiveClass: true,
205    smartSpeed: 800,
206    nav: true,
207    navText: ["<img class='sl_prv_img' alt='Previous' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>","<img class='sl_nex_img' alt='Next' src='https://www.seattlepride.org/web/app/templates/assets/image/slider_arrow.png'>"],
208    navContainer: '.rel_event_cus_nav',
209    responsive: {
210        0: {
211            items: 1
212        },
213
214        600: {
215            items: 2
216        },
217
218        1024: {
219            items: 3
220        },
221
222        1366: {
223            items: 3
224        }
225    }
226});