https://kbm.id/js/custom-jquery.js

1$(document).ready(function() {
2	var owl1 = $('.owl-1');
3	var owl2 = $('.owl-2');
4	var owl3 = $('.owl-3');
5	var owl4 = $('.owl-4');
6	// slider
7	var owl5 = $('.owl-5');
8	// category
9	var owl6 = $('.owl-6');
10	// book
11	var owl7 = $('.owl-7');
12	// user
13	var owl8 = $('.owl-8');
14	var owlLogin = $('.owl-login');
15	// slider ads
16	var owl9 = $('.owl-9');
17	// banner grid ads
18	var owl10 = $('.owl-10');
19	// 3 grid two button
20	var owl11 = $('.owl-11');
21	// slider new
22	var owl12 = $('.owl-12');
23
24	owl1.owlCarousel({
25	margin: 10,
26	nav: true,
27	autoplay:true,
28	autoplayTimeout:3000,
29	autoplayHoverPause:false,
30	loop: true,
31	responsive: {
32		0: {
33		items: 1
34		},
35		600: {
36		items: 1
37		},
38		1000: {
39		items: 2
40		}
41		}
42	});
43
44	owl2.owlCarousel({
45		margin: 10,
46		nav: true,
47		autoplay:true,
48		autoplayTimeout:3000,
49		autoplayHoverPause:false,
50		loop: true,
51		responsive: {
52			0: {
53			items: 1
54			},
55			600: {
56			items: 3
57			},
58			1000: {
59			items: 8
60			}
61		}
62	});
63
64	owl3.owlCarousel({
65		margin: 10,
66		nav: true,
67		autoplay:true,
68		autoplayTimeout:3000,
69		autoplayHoverPause:false,
70		loop: true,
71		responsive: {
72			0: {
73			items: 1
74			},
75			600: {
76			items: 1
77			},
78			1000: {
79			items: 4
80			}
81		}
82	});
83
84	owl4.owlCarousel({
85		margin: 10,
86		nav: true,
87		autoWidth:true,
88		loop: true,
89		responsive: {
90			0: {
91			items: 1
92			},
93			600: {
94			items: 1
95			},
96			1000: {
97			items: 4
98			}
99		}
100	});
101	
102	owl5.owlCarousel({
103		margin: 10,
104		nav: false,
105		autoHeight: true,
106		autoplay:true,
107		autoplayTimeout:3000,
108		autoplayHoverPause:false,
109		loop: true,
110		responsive: {
111			0: {
112			items: 1
113			},
114			600: {
115			items: 1
116			},
117			1000: {
118			items: 1
119			}
120		}
121	});
122
123	owl6.owlCarousel({
124		margin: 7,
125		// nav: true,
126		autoHeight: true,
127		autoplay:true,
128		autoplayTimeout:4000,
129		autoplayHoverPause:false,
130		loop: true,
131		responsive: {
132			0: {
133			items: 3
134			},
135			600: {
136			items: 5
137			},
138			1000: {
139			items: 8
140			}
141		}
142	});
143
144	owl7.owlCarousel({
145		margin: 10,
146		nav: true,
147		autoHeight: false,
148		autoplay:false,
149		// autoplayTimeout:4000,
150		autoplayHoverPause:false,
151		loop: false,
152		responsive: {
153			0: {
154			items: 2
155			},
156			600: {
157			items: 5
158			},
159			1000: {
160			items: 8
161			}
162		}
163	});
164
165	owl8.owlCarousel({
166		margin: 10,
167		nav: true,
168		autoHeight: false,
169		autoplay:true,
170		autoplayTimeout:5000,
171		autoplayHoverPause:false,
172		loop: true,
173		responsive: {
174			0: {
175			items: 3
176			},
177			600: {
178			items: 6
179			},
180			1000: {
181			items: 10
182			}
183		}
184	});
185
186	owlLogin.owlCarousel({
187		margin: 10,
188		nav: true,
189		autoHeight: false,
190		autoplay:true,
191		autoplayTimeout:3500,
192		autoplayHoverPause:false,
193		dots: true,
194		nav: false,
195		loop: true,
196		responsive: {
197			0: {
198			items: 1
199			},
200			600: {
201			items: 1
202			},
203			1000: {
204			items: 1
205			}
206		}
207	});
208
209	owl9.owlCarousel({
210		margin: 10,
211		nav: false,
212		autoHeight: true,
213		autoplay:true,
214		autoplayTimeout:5000,
215		autoplayHoverPause:false,
216		loop: true,
217		lazyLoad: true,
218		dots:true,
219		responsive: {
220			0: {
221			items: 1
222			},
223			600: {
224			items: 1
225			},
226			1000: {
227			items: 1
228			}
229		}
230	});
231
232	owl10.owlCarousel({
233		margin: 10,
234		nav: false,
235		autoHeight: true,
236		autoplay:true,
237		autoplayTimeout:3000,
238		autoplayHoverPause:false,
239		loop: true,
240		lazyLoad: true,
241		responsive: {
242			0: {
243			items: 1
244			},
245			600: {
246			items: 1
247			},
248			1000: {
249			items: 1
250			}
251		}
252	});
253
254	owl11.owlCarousel({
255		margin: 10,
256		nav: false,
257		autoHeight: true,
258		autoplay:true,
259		autoplayTimeout:3000,
260		autoplayHoverPause:false,
261		loop: true,
262		lazyLoad: true,
263		responsive: {
264			0: { items: 3 },   // tampil 3 grid sekaligus
265			600: { items: 3 },
266			1000: { items: 3 }
267		}
268	});
269
270	owl12.owlCarousel({
271		margin: 10,
272		nav: false,
273		autoHeight: true,
274		autoplay:true,
275		autoplayTimeout:3000,
276		autoplayHoverPause:false,
277		loop: true,
278		dots: true,
279		lazyLoad: true,
280		responsive: {
281			0: {
282			items: 1
283			},
284			600: {
285			items: 1
286			},
287			1000: {
288			items: 1
289			}
290		}
291	});
292});