$(document).ready(function () { var total = $('#slick-id{data.uid} img').length, rand = Math.floor( Math.random() * total ); $( '.slick-bgimg#slick-id{data.uid} .slick-item' ).height($( '#slick-id{data.uid}' ).width()*{data.slickheight}); $( window ).resize(function() { $( '.slick-bgimg#slick-id{data.uid} .slick-item' ).height($( '#slick-id{data.uid}' ).width()*{data.slickheight}); }); $('#slick-id{data.uid}').slick({ accessibility: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.accessibility)}, autoplay: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.autoplay)}, autoplaySpeed: {data.pi_flexform.autoplaySpeed}, centerMode: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.centerMode)}, centerPadding: '{data.pi_flexform.centerPadding}', cssEase: '{data.pi_flexform.cssEase}', dots: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.dots)}, dotsClass: '{data.pi_flexform.dotsClass}', draggable: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.draggable)}, edgeFriction: {data.pi_flexform.edgeFriction}, fade: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.fade)}, mobileFirst: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.mobileFirst)}, infinite: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.infinite)}, initialSlide: rand, initialSlide: {data.pi_flexform.initialSlide}, lazyLoad: '{data.pi_flexform.lazyLoad}', pauseOnHover: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.pauseOnHover)}, pauseOnDotsHover: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.pauseOnDotsHover)}, respondTo: '{data.pi_flexform.respondTo}', speed: {data.pi_flexform.speed}, swipe: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipe)}, swipeToSlide: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipeToSlide)}, touchMove: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.touchMove)}, useCSS: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.useCSS)}, variableWidth: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.variableWidth)}, vertical: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.vertical)}, verticalSwiping: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.verticalSwiping)}, rtl: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.rtl)}, waitForAnimate: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.waitForAnimate)}, zIndex: {data.pi_flexform.zIndex}, useTransform: true, touchThreshold: 25, responsive: [ { breakpoint: 1170, settings: { slidesToShow: {data.pi_flexform.slidesToShow-lg}, slidesToScroll: {data.pi_flexform.slidesToScroll-lg}, rows: {data.pi_flexform.rows-lg}, slidesPerRow: {data.pi_flexform.slidesPerRow-lg}, arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-lg)}, } }, { breakpoint: 970, settings: { slidesToShow: {data.pi_flexform.slidesToShow-md}, slidesToScroll: {data.pi_flexform.slidesToScroll-md}, rows: {data.pi_flexform.rows-md}, slidesPerRow: {data.pi_flexform.slidesPerRow-md}, arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-md)}, } }, { breakpoint: 750, settings: { slidesToShow: {data.pi_flexform.slidesToShow-sm}, slidesToScroll: {data.pi_flexform.slidesToScroll-sm}, rows: {data.pi_flexform.rows-sm}, slidesPerRow: {data.pi_flexform.slidesPerRow-sm}, arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-sm)}, } }, { breakpoint: 0, settings: { slidesToShow: {data.pi_flexform.slidesToShow-xs}, slidesToScroll: {data.pi_flexform.slidesToScroll-xs}, rows: {data.pi_flexform.rows-xs}, slidesPerRow: {data.pi_flexform.slidesPerRow-xs}, arrows: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.arrows-xs)}, } } ] }); });