definicao de layout
This commit is contained in:
303
public/assets/js/owlcarousel/owl-custom.js
Normal file
303
public/assets/js/owlcarousel/owl-custom.js
Normal file
@@ -0,0 +1,303 @@
|
||||
var owl_carousel_custom = {
|
||||
init: function() {
|
||||
$('#owl-carousel-1').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
1000:{
|
||||
items:5
|
||||
}
|
||||
}
|
||||
}), $('#owl-carousel-2').owlCarousel({
|
||||
loop:true,
|
||||
margin:10,
|
||||
items:5,
|
||||
nav:false,
|
||||
responsive : {
|
||||
320 : {
|
||||
items:1
|
||||
},
|
||||
576 : {
|
||||
items:2
|
||||
},
|
||||
768 : {
|
||||
items:2
|
||||
},
|
||||
992 : {
|
||||
items:3
|
||||
}
|
||||
}
|
||||
}), $('#owl-carousel-3').owlCarousel({
|
||||
center: true,
|
||||
items:5,
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1
|
||||
},
|
||||
768 : {
|
||||
items:2
|
||||
},
|
||||
992 : {
|
||||
items:3
|
||||
}
|
||||
}
|
||||
}),$('#owl-carousel-4').owlCarousel({
|
||||
items:5,
|
||||
loop:true,
|
||||
margin:10,
|
||||
merge:true,
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}),$('#owl-carousel-5').owlCarousel({
|
||||
margin:10,
|
||||
loop:true,
|
||||
autoWidth:true,
|
||||
items:5,
|
||||
nav: false
|
||||
}),
|
||||
$('#owl-carousel-6').owlCarousel({
|
||||
items:5,
|
||||
loop:false,
|
||||
center:true,
|
||||
margin:10,
|
||||
URLhashListener:true,
|
||||
autoplayHoverPause:true,
|
||||
startPosition: 'URLHash',
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}),
|
||||
$('#owl-carousel-7').owlCarousel({
|
||||
stagePadding: 50,
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}),
|
||||
$('#owl-carousel-8').owlCarousel({
|
||||
stagePadding: 50,
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}),$('#owl-carousel-9').owlCarousel({
|
||||
rtl:true,
|
||||
loop:true,
|
||||
margin:10,
|
||||
nav:false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}), $('#owl-carousel-10').owlCarousel({
|
||||
items:5,
|
||||
lazyLoad:true,
|
||||
loop:true,
|
||||
margin:5,
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}), $('#owl-carousel-12').owlCarousel({
|
||||
animateOut: 'slideOutDown',
|
||||
animateIn: 'flipInX',
|
||||
items:5,
|
||||
margin:30,
|
||||
stagePadding:30,
|
||||
smartSpeed:450,
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
var owl = $('#owl-carousel-13');
|
||||
owl.owlCarousel({
|
||||
items:5,
|
||||
loop:true,
|
||||
margin:10,
|
||||
autoplay:true,
|
||||
autoplayTimeout:1000,
|
||||
autoplayHoverPause:true,
|
||||
nav: false,
|
||||
responsive:{
|
||||
576 : {
|
||||
items:1,
|
||||
mergeFit:true
|
||||
},
|
||||
768 : {
|
||||
items:2,
|
||||
mergeFit:true
|
||||
},
|
||||
992 : {
|
||||
items:3,
|
||||
mergeFit:true
|
||||
|
||||
}
|
||||
}
|
||||
}),
|
||||
$('.play').on('click',function(){
|
||||
owl.trigger('play.owl.autoplay',[1000])
|
||||
}), $('.stop').on('click',function(){
|
||||
owl.trigger('stop.owl.autoplay')
|
||||
}), $('#owl-carousel-14').owlCarousel({
|
||||
items:1,
|
||||
margin:10,
|
||||
autoHeight:true,
|
||||
nav: false
|
||||
}),
|
||||
$('.owl-carousel-16').owlCarousel({
|
||||
items:4,
|
||||
margin:10,
|
||||
autoHeight:true,
|
||||
nav: false,
|
||||
dots: false,
|
||||
responsive:{
|
||||
320:{
|
||||
items:2,
|
||||
mergeFit:true,
|
||||
},
|
||||
480:{
|
||||
items:3,
|
||||
mergeFit:true,
|
||||
},
|
||||
1670 : {
|
||||
items:4,
|
||||
mergeFit:true
|
||||
}
|
||||
}
|
||||
});
|
||||
var owl = $('#owl-carousel-15');
|
||||
owl.owlCarousel({
|
||||
loop:true,
|
||||
nav:false,
|
||||
margin:10,
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:3
|
||||
},
|
||||
960:{
|
||||
items:5
|
||||
},
|
||||
1200:{
|
||||
items:5
|
||||
}
|
||||
}
|
||||
}), owl.on('mousewheel', '.owl-stage', function (e) {
|
||||
if (e.deltaY>0) {
|
||||
owl.trigger('next.owl');
|
||||
} else {
|
||||
owl.trigger('prev.owl');
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
(function($) {
|
||||
"use strict";
|
||||
owl_carousel_custom.init();
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user