').find('.arrowsContain').append(pageArrows); SetSlideshowHeight(); var rsNav = slideContainer.find(".rsNav"); jQuery(rsNav).appendTo(slideWrapper); var pageContainer = moduleContainer.find(".rsNav"); var pages = pageContainer.children("div.rsNavItem"); SetPagerWidth(); function SetSlideshowHeight() { let aspectRatio = 3/2; // default const arStr = ''; if (arStr !== '') { try { let arParts; if (arStr.indexOf(":") >= 0) { arParts = arStr.split(":"); } else if (arStr.indexOf("x") >= 0){ arParts = arStr.split("x"); } else if (arStr.indexOf("/") >= 0){ arParts = arStr.split("/"); } else { // maybe it's a number const arVal = parseFloat(arStr); if (arVal && arVal > 0) { arParts = [arVal, 1]; } } if (arParts && arParts.length === 2) { const wide = parseFloat(arParts[0]); const high = parseFloat(arParts[1]); if (wide > 0 && high > 0){ aspectRatio = wide/high; } } } catch(e) { // do nothing, will continue to use the default ratio } } // Slide height is always the width of the container divided by the aspect ratio // This makes a landscape box to display the images in var slideHeight = slideContainer.width() / aspectRatio; // Set each link container to the slide height jQuery(slides).each(function () { var slideLink = jQuery(this).find(".top"); slideLink.height(slideHeight); }); // Now set the height of the slide container to the height of the tallest slide var height = 1; jQuery(slides).each(function () { if (jQuery(this).height() > height) { height = jQuery(this).height(); } }); jQuery(slideContainer).height(height); // Lastly, position the arrows jQuery(pageArrows).each(function () { var iconHeight = jQuery('.rsArrowIcn', this).height(); var paddingTop = (slideHeight - iconHeight) / 2; jQuery(this).css("padding-top", paddingTop); var totalHeight = slideHeight - paddingTop; jQuery(this).height(totalHeight); }); } function SetPagerWidth() { var width = 0; var pagerCount = 1; jQuery(pages).each(function () { if (fakeSlides && pagerCount > 2) { jQuery(this).hide(); return; } width += jQuery(this).width() + parseInt(jQuery(this).css("margin-left")) + parseInt(jQuery(this).css("margin-right")); width += parseInt(jQuery(this).css("padding-left")) + parseInt(jQuery(this).css("padding-right")) + parseInt(jQuery(this).css("border-width")) + parseInt(jQuery(this).css("border-width")); pagerCount++; }); jQuery(pageContainer).width(width); } function WindowResize() { SetSlideshowHeight(); } jQuery(window).on("resize." + slideContainer, function () { clearTimeout(windowResizeTimeout); windowResizeTimeout = setTimeout(WindowResize, windowResizeTimeoutInterval); }); var sliderCounter = moduleContainer.find(".slideContainer");; var sliderInstance = sliderCounter.data('royalSlider'); var listofNavItems = document.getElementsByClassName("rsNavItem"); jQuery(listofNavItems).each(function (index) { if (jQuery(this).css('display') == 'none') { blankBullets++; jQuery(this).remove(); } var spanofNavItem = this.getElementsByTagName('span')[0]; spanofNavItem.setAttribute("class", "slideNumber"); spanofNavItem.innerHTML = index+1; }); var numItems = $('.GenericSlideshow').length; if (numItems > 1) { blankBulletsPerslide = blankBullets / numItems; } var newDiv = document.createElement("div"); newDiv.setAttribute("class", "totalCounter"); newDiv.innerHTML = (1) + ' of ' + (sliderInstance.numSlides - blankBullets); slideWrapper[0].appendChild(newDiv); slider.ev.on('rsAfterSlideChange', function (event) { moduleContainer.find('.totalCounter')[0].innerHTML = (sliderInstance.currSlideId + 1) + ' of ' + (sliderInstance.numSlides - blankBullets); }); });