https://hrone.cloud/wp-content/themes/hrone-child/assets/js/home_new.js?ver=949022131

1document.addEventListener('DOMContentLoaded', function () {
2    // Home Templates slider 1
3    const scrollContainer = document.getElementById('scrollContainerVertical');
4    const scrollSpeed = 0.5;
5
6    if (!scrollContainer) return;
7    function cloneItems(container) {
8        const items = container.querySelectorAll('.template-card');
9        items.forEach(item => {
10            const clone = item.cloneNode(true);
11            container.appendChild(clone);
12        });
13    }
14
15    cloneItems(scrollContainer);
16
17    function autoScroll() {
18        if (scrollContainer.scrollTop >= (scrollContainer.scrollHeight / 2)) {
19            scrollContainer.scrollTop = 0;
20        }
21        scrollContainer.scrollTop += scrollSpeed;
22        requestAnimationFrame(autoScroll);
23    }
24
25    autoScroll();
26
27    // Hr Commune image slides
28    const scrollContainerone = document.querySelector('.awesome-experience-scroll');
29    scrollContainer.innerHTML += scrollContainerone.innerHTML;
30
31    // Home Templates slider 2 
32    const scrollContainerUp = document.getElementById('scrollContainerUp');
33    const scrollSpeed1 = 0.5; // adjust speed
34
35    if (!scrollContainerUp) return;
36
37    function cloneItems(container) {
38        const items = container.querySelectorAll('.template-card');
39        items.forEach(item => {
40            const clone = item.cloneNode(true);
41            container.appendChild(clone);
42        });
43    }
44
45    cloneItems(scrollContainerUp);
46
47    scrollContainerUp.scrollTop = scrollContainerUp.scrollHeight / 2;
48
49    function autoScrollUp() {
50        if (scrollContainerUp.scrollTop <= 0) {
51            scrollContainerUp.scrollTop = scrollContainerUp.scrollHeight / 2;
52        }
53        scrollContainerUp.scrollTop -= scrollSpeed1;
54        requestAnimationFrame(autoScrollUp);
55    }
56
57    autoScrollUp();
58});
59
60jQuery(document).ready(function ($) {
61
62    // Home community slider
63    $('.community-slick-slider').slick({
64        slidesToShow: 6,
65        slidesToScroll: 3,
66        arrows: true,
67        dots: false,
68        autoplay: true,
69        autoplaySpeed: 3000,
70    });
71
72    // commune home page slider
73    $('.left_commune_slide').slick({
74        slidesToShow: 1,
75        slidesToScroll: 1,
76        autoplay: true,
77        autoplaySpeed: 3000,
78        arrows: false,
79        dots: false,
80        infinite: true,
81        speed: 500,
82        pauseOnHover: true,
83    });
84
85});