jQuery(document).ready(function($){ $('.rc-carusel').each(function() { init_owl($(this)); }); //correctHeights(); }); function init_owl(el) { var slides = parseInt(el.attr('data-items')); var responsive = { 480: { 1: 1, 2: 2, 3: 2, 4: 2, 5: 2, 6: 2 }, 768: { 1: 1, 2: 2, 3: 2, 4: 2, 5: 2, 6: 3 }, 991: { 1: 1, 2: 2, 3: 3, 4: 3, 5: 3, 6: 4 } } el.owlCarousel({ slideSpeed: parseInt(el.attr('data-autoplay-speed')), autoPlay: parseInt(el.attr('data-autoplay')) ? parseInt(el.attr('data-autoplay-timeout')) : false, lazyLoad: el.attr('data-lazy') == 'false' ? false : true, items: slides, itemsDesktop: slides, itemsDesktopSmall: [991,responsive['991'][slides]], itemsTablet: [768,responsive['768'][slides]], itemsMobile: [480,responsive['480'][slides]], stopOnHover: el.attr('data-stop-hover') == 'false' ? false : true, singleItem: el.attr('data-single') == 'true' ? true : false, pagination: el.attr('data-pagination') == 'false' ? false : true, paginationNumbers: el.attr('data-pagination-numbers') == 'true' ? true : false, navigation: el.attr('data-navigation') == 'true' ? true : false, navigationText: typeof el.attr('data-navigation-prev') != 'undefined' ? [el.attr('data-navigation-prev'), el.attr('data-navigation-next')] : ["",""] }); }