https://www.sunriseco-op.com/Content/Widget/FeatureSectionLargeB/FeatureSectionLargeB.js

1function initFeatureSectionLargeBSlider() {
2    // --- Slick Slider Logic for Feature Large B ---
3    document.querySelectorAll('.feature-b-image-slider .slick-slider').forEach(function (slider) {
4        var images = slider.querySelectorAll('.slider-image');
5        var leftArrow = slider.querySelector('.slider-arrow-left');
6        var rightArrow = slider.querySelector('.slider-arrow-right');
7        var current = 0;
8
9        function showSlide(index) {
10            images.forEach(function (imgDiv, i) {
11                imgDiv.classList.toggle('active', i === index);
12            });
13        }
14
15        function nextSlide() {
16            current = (current + 1) % images.length;
17            showSlide(current);
18        }
19
20        function prevSlide() {
21            current = (current - 1 + images.length) % images.length;
22            showSlide(current);
23        }
24
25        showSlide(current);
26
27        if (leftArrow) leftArrow.addEventListener('click', prevSlide);
28        if (rightArrow) rightArrow.addEventListener('click', nextSlide);
29
30        slider.addEventListener('keydown', function (e) {
31            if (e.key === 'ArrowRight') {
32                nextSlide();
33            } else if (e.key === 'ArrowLeft') {
34                prevSlide();
35            }
36        });
37    });
38}
39
40// Existing parallax logic...
41document.addEventListener('DOMContentLoaded', function () {
42    var contentSection = document.querySelector('.parallax-animation-large-b .feature-section-large__image-wrapper');
43    var contentSection1 = document.querySelector('.parallax-animation-large-b .feature-section-large__content');
44    if (contentSection) {
45        contentSection.classList.add('hide-first');
46        contentSection1.classList.add('hide-first');
47        var hasScrolledOnce = false;
48        var contentObserver = new IntersectionObserver(function (entries, observer) {
49            entries.forEach(function (entry) {
50                if (entry.isIntersecting && !hasScrolledOnce) {
51                    contentSection.classList.remove('hide-first');
52                    contentSection.classList.add('feature-image');
53                    if (contentSection1) {
54                        contentSection1.classList.remove('hide-first');
55                        contentSection1.classList.add('feature-content');
56                    }
57                    hasScrolledOnce = true;
58                    observer.unobserve(contentSection);
59                }
60            });
61        }, { threshold: 0.5 });
62        contentObserver.observe(contentSection);
63    }
64    initFeatureSectionLargeBSlider();
65});
66window.initFeatureSectionLargeBSlider = initFeatureSectionLargeBSlider;