Nachhaltige Bodenstabilisierung.

<script>
  
  const fullWrapper = document.querySelector('.full-wrapper');
const values = ['1', '2', '3', '4', '5'];
let currentIndex = 1;
let intervalId;

function updateDataSet() {
  fullWrapper.setAttribute('data-set', values[currentIndex]);
  currentIndex = (currentIndex + 1) % values.length;
}

function handleIntersection(entries) {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      intervalId = setInterval(updateDataSet, 3000);
    } else {
      clearInterval(intervalId);
    }
  });
}

const observer = new IntersectionObserver(handleIntersection);
observer.observe(fullWrapper);

// Function to handle button click and restart slider from specific image
document.querySelectorAll('.full-button').forEach(button => {
  button.addEventListener('click', () => {
    const dataSetValue = button.getAttribute('data-set'); // Get the data-set value from the clicked button
    const newIndex = values.indexOf(dataSetValue); // Find the index of the corresponding value in the values array
    if (newIndex !== -1) {
      currentIndex = newIndex; // Update the currentIndex to start from the clicked image
      clearInterval(intervalId); // Clear any existing interval
      updateDataSet(); // Update immediately to the clicked image
      intervalId = setInterval(updateDataSet, 3000); // Restart the slider
    }
  });
});
  
</script>