<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<style>
div[data-record-type="418"]{display:none}
.slick-slide, .slick-slide a, .slick-slide .t-btn { outline: none}
.slick-track { display: flex}
@media screen and (max-width:960px){
.slick-slide{ margin-bottom: 0 !important}
}
@media screen and (max-width:600px){
.slick-track { height: auto; display:block !important;}
}
.slider_html .tn-atom__html , .slider_wrapper {width: inherit; height:inherit}
.slick-list, .slick-slide , .slick-track{ height:100% !important}
.slick-track>div {
background-size: cover;
background-position: center;
margin: 0 0px;
}
.slick-slide a {
width: 100%;
height: 100%;
display: block;
}
div[class*="_slide"]{ cursor:pointer}
</style>
<script>
$(document).ready(function(){
let urlArr = [
'/page1',
'/page2',
'/page3',
'/page4',
'/page5',
];
let currUrl;
setTimeout(function() {
let gl10ID = '#rec268607977';
$('.slider_html').html('<div class="slider_wrapper"></div>');
$(gl10ID).find('.t-bgimg').each(function(index) {
if (urlArr[index]){currUrl = urlArr[index]}else{ currUrl = "#"};
$('.slider_wrapper').append('<div style=" background-image:url('+$(this).attr('data-original')+') "><a href="'+currUrl+'"></a></div>');
});
$('.slider_wrapper').slick({
prevArrow: $('.prev_slide'),
nextArrow: $('.next_slide'),
infinite: true,
lazyLoad: 'ondemand',
slidesToScroll: 1,
arrows:true,
dots:false,
pauseOnDotsHover:true,
mobileFirst:true,
speed:750,
adaptiveHeight:true,
autoplay:true,
autoplaySpeed:4000,
responsive: [
{ breakpoint: 1200, settings: { slidesToShow: 3 } },
{ breakpoint: 960, settings: { slidesToShow: 2 } },
{ breakpoint: 640, settings: { slidesToShow: 2 } },
{ breakpoint: 480, settings: { slidesToShow: 2 } },
{ breakpoint: 300, settings: { slidesToShow: 1 } }
]
});
}, 300);
});
</script>