Aina Homes Bulacan

'+ ''+images_list[i].name+''+ ''; dots_div += ''; } slider_id.querySelector(".hcg-slider-body").innerHTML = images_div; slider_id.querySelector(".hcg-slide-dot-control").innerHTML = dots_div; let slide_index = 0; let images = slider_id.querySelectorAll(".hcg-slides"); let dots = slider_id.querySelectorAll(".hcg-slide-dot"); let prev_button = slider_id.querySelector(".hcg-slide-prev"); let next_button = slider_id.querySelector(".hcg-slide-next"); function showSlides() { if (slide_index > images.length-1) { slide_index = 0; } if (slide_index < 0) { slide_index = images.length-1; } for (let i = 0; i < images.length; i++) { images[i].style.display = "none"; dots[i].classList.remove("dot-active"); if (i == slide_index) { images[i].style.display = "block"; dots[i].classList.add("dot-active"); } } } prev_button.addEventListener("click", function(event) { event.preventDefault(); slide_index--; showSlides(); }, false); next_button.addEventListener("click", function(event){ event.preventDefault(); slide_index++; showSlides(); }, false); function dot_click(event) { slide_index = event.target.dataset.id; showSlides(); } for (let i = 0; i < dots.length; i++) { dots[i].addEventListener("click", dot_click, false); } })();

House and Lot Store Nationwide

Search This Blog

Aina Homes Bulacan

Aina Homes

Comments

Post a Comment