templates/app/_inc/_beforeafter.html.twig line 1

Open in your IDE?
  1. <script>
  2.     let before_afters = document.querySelectorAll('.before-after');
  4.     before_afters.forEach(function (before_after) {
  5.         let divisor = before_after.querySelector(".img-before"),
  6.             handle = before_after.querySelector("#handle"),
  7.             slider = before_after.querySelector("#track");
  9.         slider.oninput = function () {
  10.             moveDivisor();
  11.         }
  13.         function moveDivisor() {
  14.             handle.style.left = slider.value + "%";
  15.             divisor.style.width = slider.value + "%";
  16.         }
  18.         window.onload = function () {
  19.             moveDivisor();
  20.         };
  21.     });
  22. </script>