jQuery(document).ready(function() {
var autoplaying = false;
const playPauseControllers = “#slider-dhdk_-playpause”;
$(playPauseControllers).click(function() {
if (autoplaying) {
$(playPauseControllers).removeClass(“glyphicon-pause”);
$(playPauseControllers).addClass(“glyphicon-play”);
$(“#slider-youtube-dhdk_”).slick(“slickPause”);
} else {
$(playPauseControllers).removeClass(“glyphicon-play”);
$(playPauseControllers).addClass(“glyphicon-pause”);
$(“#slider-youtube-dhdk_”).slick(“slickPlay”);
}
autoplaying = !autoplaying;
});
$(“#slider-youtube-dhdk_”).slick({
dots: false,
slidesToShow: 1,
fade: true,
adaptiveHeight: true,
slidesToScroll: 1,
autoplaySpeed: 3000,
autoplay: autoplaying,
asNavFor: “#thumbnails-youtube-dhdk_”,
swipeToSlide: true,
arrows: false,
});
$(“#thumbnails-youtube-dhdk_”).slick({
slidesToShow: 5,
slidesToScroll: 1,
asNavFor: “#slider-youtube-dhdk_”,
swipeToSlide: true,
centerMode: true,
autoplaySpeed: 3000,
focusOnSelect: true,
prevArrow:
‘‘,
nextArrow:
‘‘,
centerPadding: “60px”,
responsive: [
{
breakpoint: 767.98,
settings: {
slidesToShow: 3,
adaptiveHeight: true
}
}
]
});
});
