jQuery(document).ready(function() { jQuery('#sample_slider').owlCarousel({ responsive:{ 0:{ items:2 }, 480:{ items:2 }, 768:{ items:3 }, 980:{ items:7 }, 1200:{ items:7 }, 1500:{ items:7 } }, autoplay : true, autoplayTimeout : 4100, autoplayHoverPause : true, smartSpeed : 300, fluidSpeed : 300, autoplaySpeed : 300, navSpeed : 300, dotsSpeed : 300, loop : true, nav : true, navText : ['Previous','Next'], dots : true, responsiveRefreshRate : 200, slideBy : 7, mergeFit : true, autoHeight : true, stageElement : 'ul', itemElement : 'li', rtl : true, mouseDrag : false, touchDrag : true }); jQuery('#sample_slider').css('visibility', 'visible'); sa_resize_sample_slider(); window.addEventListener('resize', sa_resize_sample_slider); function sa_resize_sample_slider() { var min_height = '50'; var win_width = jQuery(window).width(); var slider_width = jQuery('#sample_slider').width(); if (win_width < 480) { var slide_width = slider_width / 2; } else if (win_width < 768) { var slide_width = slider_width / 2; } else if (win_width < 980) { var slide_width = slider_width / 3; } else if (win_width < 1200) { var slide_width = slider_width / 7; } else if (win_width < 1500) { var slide_width = slider_width / 7; } else { var slide_width = slider_width / 7; } slide_width = Math.round(slide_width); var slide_height = '0'; if (min_height == 'aspect43') { slide_height = (slide_width / 4) * 3; slide_height = Math.round(slide_height); } else if (min_height == 'aspect169') { slide_height = (slide_width / 16) * 9; slide_height = Math.round(slide_height); } else { slide_height = (slide_width / 100) * min_height; slide_height = Math.round(slide_height); } jQuery('#sample_slider .owl-item .sa_hover_container').css('min-height', slide_height+'px'); } var owl_goto = jQuery('#sample_slider'); jQuery('.sample_slider_goto1').click(function(event){ owl_goto.trigger('to.owl.carousel', 0); }); jQuery('.sample_slider_goto2').click(function(event){ owl_goto.trigger('to.owl.carousel', 1); }); jQuery('.sample_slider_goto3').click(function(event){ owl_goto.trigger('to.owl.carousel', 2); }); jQuery('.sample_slider_goto4').click(function(event){ owl_goto.trigger('to.owl.carousel', 3); }); jQuery('.sample_slider_goto5').click(function(event){ owl_goto.trigger('to.owl.carousel', 4); }); jQuery('.sample_slider_goto6').click(function(event){ owl_goto.trigger('to.owl.carousel', 5); }); jQuery('.sample_slider_goto7').click(function(event){ owl_goto.trigger('to.owl.carousel', 6); }); jQuery('.sample_slider_goto8').click(function(event){ owl_goto.trigger('to.owl.carousel', 7); }); jQuery('.sample_slider_goto9').click(function(event){ owl_goto.trigger('to.owl.carousel', 8); }); jQuery('.sample_slider_goto10').click(function(event){ owl_goto.trigger('to.owl.carousel', 9); }); jQuery('.sample_slider_goto11').click(function(event){ owl_goto.trigger('to.owl.carousel', 10); }); jQuery('.sample_slider_goto12').click(function(event){ owl_goto.trigger('to.owl.carousel', 11); }); jQuery('.sample_slider_goto13').click(function(event){ owl_goto.trigger('to.owl.carousel', 12); }); jQuery('.sample_slider_goto14').click(function(event){ owl_goto.trigger('to.owl.carousel', 13); }); jQuery('.sample_slider_goto15').click(function(event){ owl_goto.trigger('to.owl.carousel', 14); }); jQuery('.sample_slider_goto16').click(function(event){ owl_goto.trigger('to.owl.carousel', 15); }); jQuery('.sample_slider_goto17').click(function(event){ owl_goto.trigger('to.owl.carousel', 16); }); jQuery('.sample_slider_goto18').click(function(event){ owl_goto.trigger('to.owl.carousel', 17); }); jQuery('.sample_slider_goto19').click(function(event){ owl_goto.trigger('to.owl.carousel', 18); }); jQuery('.sample_slider_goto20').click(function(event){ owl_goto.trigger('to.owl.carousel', 19); }); jQuery('.sample_slider_goto21').click(function(event){ owl_goto.trigger('to.owl.carousel', 20); }); var resize_13091 = jQuery('.owl-carousel'); resize_13091.on('initialized.owl.carousel', function(e) { if (typeof(Event) === 'function') { window.dispatchEvent(new Event('resize')); } else { var evt = window.document.createEvent('UIEvents'); evt.initUIEvent('resize', true, false, window, 0); window.dispatchEvent(evt); } }); });