Beste omroepcollega’s, In verband met het Coronavirus zijn de volgende maatregelen met onmiddellijke ingang van kracht: Heb je griepverschijnselen waaronder verkoudheid-, koorts- of hoestklachten kom...

Al onze uitzendingen terugkijken van de afgelopen maanden of jaren kijk dan op ons YouTube kanaal ; for (var breakpoint in carouselOptions.responsive) { if (carouselOptions.responsive[breakpoint].rows > 1) { severalRows = true; } orderedBreakpoints.push(parseInt(breakpoint)); } //Custom logic is active if carousel is set up to have more than one row for some given window width if (severalRows) { orderedBreakpoints.sort(function (a, b) { return b - a; }); var slides = el.find('[data-bs-slide-index]'); var slidesNb = slides.length; if (slidesNb > 0) { var rowsNb; var previousRowsNb = undefined; var colsNb; var previousColsNb = undefined; //Calculates number of rows and cols based on current window width var updateRowsColsNb = function () { var width = viewport(); for (var i = 0; i < orderedBreakpoints.length; i++) { var breakpoint = orderedBreakpoints[i]; if (width >= breakpoint || i == (orderedBreakpoints.length - 1)) { var breakpointSettings = carouselOptions.responsive['' + breakpoint]; rowsNb = breakpointSettings.rows; colsNb = breakpointSettings.items; break; } } }; var updateCarousel = function () { updateRowsColsNb(); //Carousel is recalculated if and only if a change in number of columns/rows is requested if (rowsNb != previousRowsNb || colsNb != previousColsNb) { var reInit = false; if (carousel) { //Destroy existing carousel if any, and set html markup back to its initial state carousel.trigger('destroy.owl.carousel'); carousel = undefined; slides = el.find('[data-bs-slide-index]').detach().appendTo(el); el.find('.fake-col-wrapper').remove(); reInit = true; } //This is the only real 'smart' part of the algorithm //First calculate the number of needed columns for the whole carousel var perPage = rowsNb * colsNb; var pageIndex = Math.floor(slidesNb / perPage); var fakeColsNb = pageIndex * colsNb + (slidesNb >= (pageIndex * perPage + colsNb) ? colsNb : (slidesNb % colsNb)); //Then populate with needed html markup var count = 0; for (var i = 0; i < fakeColsNb; i++) { //For each column, create a new wrapper div var fakeCol = jQuery('').appendTo(el); for (var j = 0; j < rowsNb; j++) { //For each row in said column, calculate which slide should be present var index = Math.floor(count / perPage) * perPage + (i % colsNb) + j * colsNb; if (index < slidesNb) { //If said slide exists, move it under wrapper div slides.filter('[data-bs-slide-index=' + index + ']').detach().appendTo(fakeCol); } count++; } } //end of 'smart' part previousRowsNb = rowsNb; previousColsNb = colsNb; if (reInit) { //re-init carousel with new markup carousel = el.owlCarousel(carouselOptions); } } }; //Trigger possible update when window size changes jQuery(window).on('resize', updateCarousel); //We need to execute the algorithm once before first init in any case updateCarousel(); } } //init carousel = el.owlCarousel(carouselOptions); });