84 lines
1.9 KiB
JavaScript
84 lines
1.9 KiB
JavaScript
$(document).ready(function() {
|
|
|
|
var owl = $("#owl-demo");
|
|
owl.owlCarousel({
|
|
|
|
pagination: false,
|
|
nav:true,
|
|
navigation : false, // Show next and prev buttons
|
|
slideSpeed : 300,
|
|
paginationSpeed : 400,
|
|
singleItem:true,
|
|
autoPlay: true,
|
|
stopOnHover: false,
|
|
|
|
// "singleItem:true" is a shortcut for:
|
|
// items : 1,
|
|
// itemsDesktop : false,
|
|
// itemsDesktopSmall : false,
|
|
// itemsTablet: false,
|
|
// itemsMobile : false
|
|
|
|
});
|
|
|
|
$('.next').click(function() {
|
|
owl.trigger('owl.next');
|
|
});
|
|
$('.prev').click(function() {
|
|
owl.trigger('owl.prev');
|
|
});
|
|
|
|
var owltime = $("#owl-demo-timeslider");
|
|
|
|
owltime.owlCarousel({
|
|
items : 7, //10 items above 1000px browser width
|
|
itemsDesktop : [1000,7], //5 items between 1000px and 901px
|
|
itemsDesktopSmall : [900,5], // betweem 900px and 601px
|
|
itemsTablet: [600,4], //2 items between 600 and 0
|
|
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
|
|
});
|
|
|
|
//Custom Navigation Events
|
|
$(".next-timeslider").on("click touch", function(){
|
|
owltime.trigger('owl.next');
|
|
});
|
|
$(".prev-timeslider").on("click touch", function(){
|
|
owltime.trigger('owl.prev');
|
|
})
|
|
|
|
var owlpop = $("#owl-demo-populars");
|
|
|
|
owlpop.owlCarousel({
|
|
|
|
itemsCustom : [
|
|
[0, 1],
|
|
[450, 1],
|
|
[600, 2],
|
|
[700, 2],
|
|
[1000, 10],
|
|
[1200, 12],
|
|
[1400, 13],
|
|
[1600, 15]
|
|
],
|
|
navigation : true,
|
|
pagination : false,
|
|
|
|
});
|
|
|
|
// Custom Navigation Events
|
|
$(".next-populars").click(function(){
|
|
owlpop.trigger('owl.next');
|
|
});
|
|
|
|
$(".prev-populars").click(function(){
|
|
owlpop.trigger('owl.prev');
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
function myFunction(x) {
|
|
x.classList.toggle("change");
|
|
}
|