' $this.find('.reboot-slider-background').remove() $this.prepend(bgHTML) var backgrounds = $this.find('.reboot-slider-background img') backgrounds.eq(0).addClass('currentForward') var sliderInterval = setInterval(function(){ var activeSlideElement = $this.find('.reboot-side-slider .swiper-slide-active'); if (activeSlideElement.length) { currentSlide = parseInt(activeSlideElement.attr('data-swiper-slide-index')) || 0; if(previousSlide != currentSlide) { if(previousSlide < currentSlide){ forward = true; } if(previousSlide > currentSlide){ forward = false; } if(previousSlide == slideNumber - 1 && currentSlide == 0){ forward = true; } if(previousSlide == 0 && currentSlide == slideNumber - 1){ forward = false; } textContainer.each(function(){ var allTexts = RebootSlider$(this).find('.elementor-widget'); var previousText = allTexts.eq(previousSlide); var currentText = allTexts.eq(currentSlide); // Reset all texts first allTexts.removeClass('prev next currentUp currentDown'); allTexts.css({ 'opacity': '0', 'pointer-events': 'none', 'z-index': '1' }); // Set height based on current slide var currentTextHeight = currentText.height(); RebootSlider$(this).css('--h', currentTextHeight+'px'); // Apply proper styles based on direction backgrounds.removeClass('prev currentBackward currentForward'); backgrounds.eq(previousSlide).addClass('prev'); if(forward) { previousText.addClass('prev'); currentText.addClass('currentUp'); backgrounds.eq(currentSlide).addClass('currentForward'); } else { previousText.addClass('next'); currentText.addClass('currentDown'); backgrounds.eq(currentSlide).addClass('currentBackward'); } // Ensure current slide is visible and interactive currentText.css({ 'opacity': '1', 'pointer-events': 'auto', 'z-index': '5' }); }); $this.find('.reboot-bar .dot').removeClass('active'); $this.find('.reboot-bar .dot').eq(currentSlide).addClass('active'); } previousSlide = currentSlide; } }, 500); $this.find('.reboot-bar .dot').on('click', function(){ var index = RebootSlider$(this).index(); $this.find('.reboot-side-slider .swiper-pagination-bullet').eq(index).trigger('click'); $this.find('.reboot-side-slider .swiper-container').trigger('mouseleave'); }); $this.find('.reboot-slider-left').on('click', function(){ $this.find('.reboot-side-slider .elementor-swiper-button-prev').trigger('click'); $this.find('.reboot-side-slider .elementor-swiper').trigger('mouseleave'); }); $this.find('.reboot-slider-right').on('click', function(){ $this.find('.reboot-side-slider .elementor-swiper-button-next').trigger('click'); $this.find('.reboot-side-slider .elementor-swiper').trigger('mouseleave'); }); $this.find('.reboot-slider-left a, .reboot-slider-right a').on('click', function(e){ e.preventDefault(); }); }); // Resize handler to update heights RebootSlider$(window).on('resize', function(){ RebootSlider$('.reboot-slider').each(function(){ var $this = RebootSlider$(this); var activeSlideElement = $this.find('.reboot-side-slider .swiper-slide-active'); if (activeSlideElement.length) { var currentSlide = parseInt(activeSlideElement.attr('data-swiper-slide-index')) || 0; var textContainer = RebootSlider$(this).find('.reboot-changing-widget'); textContainer.each(function(){ var currentText = RebootSlider$(this).find('.elementor-widget').eq(currentSlide); RebootSlider$(this).css('--h', currentText.height()+'px'); }); } }); }); });